2017-02-16 65 views
1

我能夠在其他地方做類似的事情,但不能使用複選框。我在這裏錯過了什麼?從json與Angular1填充(使用角度材質)

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

我有一個很難得到標籤的實際文本或姓名顯示在複選框旁邊。所有我得到的是單獨的複選框作爲圖像顯示下方

enter image description here

在此先感謝

+0

它工作正常。 http://codepen.io/next1/pen/YNMLjd – nextt1

+0

不完全。每個標籤都是自己的支票簿。這就是爲什麼我的代碼中的ng重複不同於您想爲數據中的每個標記複選框的 – LOTUSMS

+0

? – nextt1

回答

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