AngularJS-Direktive design patterns für ein sidebar-Menü

Arbeite ich mit angularJS erstellen Sie eine einfache Seite im Menü. Ich habe die folgenden zwei Optionen für seine design-Richtlinie kann aber nicht entscheiden, welche besser ist:

Option 1

Das HTML-markup:

<sidebar title="Sidebar Heading">
  <sidebar-element name="Heading">Description</sidebar-element>
  ...
</sidebar>

Option 2

Das HTML-markup:

<sidebar>Sidebar Heading</sidebar>

Und die Daten kommen direkt aus dem controller:

$scope.sidebarElements=[{name:'Head 1', description:'Description 1', isActive:true}];

 

Berücksichtigen, dass die Daten zu mir kommen, vom server im JSON-Format.

Wenn ich mit option 2, kann ich übergeben Sie die Daten direkt in die Steuerung.

Wenn ich es mit der option 1, ich würde zu tun haben, eine <sidebar-element ng-repeat='element in elements' ...> es, und dann pass auf die Daten zu. Option 1 scheint "besser konzipiert" irgendwie, aber ich weiß nicht, ob ich aufbauen sollte, eine andere Ebene der Abstraktion, auf diese Weise, wenn es nicht besonders erforderlich.

Welche der beiden wäre besser und warum?

Ich habe gerade angefangen zu arbeiten mit AngularJS und versuche den richtigen Weg zu finden "denken in AngularJS'

InformationsquelleAutor jitin | 2014-09-09