Заполнение с помощью json с помощью Angular1 (Использование углового материала)

Question

Я могу сделать что-то подобное везде, но не с флажками. Что мне здесь не хватает?

Мой JSON выглядит следующим образом:

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

И мой HTML (Угловое) выглядит следующим образом:

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

Я имею трудное время получить фактический текст или имя тегов для рядом с этим флажком. Все, что я получаю одни флажками, как изображение показывает ниже

Заранее спасибо

Answer 1

Вам просто нужно использовать еще один ng-repeat для перебора всех тегов для каждого элемента данных. Вот код.

<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> 

Здесь работает Codepen.