Ich arbeite derzeit an der Erstellung einer dynamischen Zeitleiste mit AngularJS. Die Daten aus meiner Timeline werden aus einer JSON-Datei abgerufen, die ich bereits erfolgreich konfigurieren konnte. Folgendes habe ich derzeit auf PLNKR:http://plnkr.co/edit/avRkVJNJMs4Ig5mDrwJ8

Dies ist meine aktuelle Navigation:

   <nav id="sticky-navigation">
      <ul>
          <li><a href="#decade-1960s">1960</a></li>
          <li><a href="#decade-1970s">1970</a></li>
          <li><a href="#decade-1980s">1980</a></li>
          <li><a href="#decade-1990s">1990</a></li>
          <li><a href="#decade-2000s">2000</a></li>
          <li class="active"><a href="#decade-2010s">2010-Now</a></li>
      </ul>
  </nav>

Grundsätzlich möchte ich Wrapper-Divs für die eindeutigen IDs der "Dekade-1960er", "Dekade-1970er" usw. erstellen, damit der Benutzer mithilfe der Navigation effizient zu dem Jahrzehnt navigieren kann, das ihn am meisten interessiert. Das Datum wird aus der JSON-Datei analysiert, daher frage ich mich, ob es eine andere gibt, die das Jahr aus der JSON abruft, die Ereignisse nach bestimmten Jahrzehnten organisiert und dann für jedes Jahrzehnt einen Wrapper hinzufügt.

Vielen Dank! Ich weiß, es klingt sehr kompliziert! Aber ich bin eher ein Front-End-Entwickler und Designer, weniger ein Back-End-Programmierer.