Bestücken von Json mit Angular1 (mit eckigem Material)

Question

Ich kann etwas ähnliches überall sonst tun, aber nicht mit Checkboxen. Was fehlt mir hier?

Mein json sieht wie folgt aus:

{ 
"data": [ 
    { 
     "id": 1, 
     "tags": [ 
      "tag1", 
      "tag2" 
     ], 
     ...a bunch of other stuff... 
    }, 
    { 
     "id": 2, 
     "tags": [ 
      "tag1", 
      "tag2", 
      "tag3", 
      "tag4" 
     ], 
     ...a bunch of other stuff... 
    } 
] 
} 

Und mein HTML (Winkel) sieht wie folgt aus:

<div ng-repeat="tag in ::vm.media.tags track by $index"> 
    <md-checkbox > 
     {{tag.tags}} 
    </md-checkbox> 
</div> 

Ich habe eine harte Zeit mit dem eigentlichen Text oder Namen der Tags erhalten zu neben dem Kontrollkästchen anzeigen. Alles, was ich bin immer ist die allein Kontrollkästchen wie das Bild unten zeigt

Vielen Dank im Voraus

Answer 1

Sie müssen nur ng-repeat eine mehr verwenden, um alle Tags für jedes Datenelement iterieren. Hier ist der Code.

<div ng-repeat="data in data.data" layout="column"> 
<span> ID: {{data.id}}</span> 
<md-checkbox ng-repeat="eachTag in data.tags"> 
    {{eachTag}} 
</md-checkbox> 
</div> 

Hier ist die Arbeit Codepen.