2016-04-06 3 views
0

ng-repeatを使用して配列から値を表示しようとしていますが、ここに何かがあります。ここでangularjs - ng-repeatの配列値を正しく表示することができません

は例です:http://codepen.io/nickimola/pen/dMNawj?editors=1010

JSONオブジェクト:

$scope.data = [ 
    {"id": 0, "settings": {"SP": 21,"Active": false,"Output": true,"Link": [2,3,4]}}, 
    {"id": 1, "settings": {"SP": 1,"Active": true,"Output": true,"Link": [5]}}, 
    {"id": 2, "settings": {"SP": 30,"Active": false,"Output": true,"Link": []}}, 
    ]; 

HTML:

<ion-content> 
     <ion-list class="list"> 
     <div ng-repeat="b in data"> 
      <ion-item class="item item-stable" 
         ng-click="toggleGroup(b)" 
         ng-class="{active: isGroupShown(b)}"> 
       {{b.id}} 
      </ion-item> 
      <div ng-repeat="(key, value) in b.settings" ng-show="isGroupShown(b)"> 
       <div ng-repeat="links in key" ng-if="key == 'Link'"> 
       <ion-item class="item-accordion"> 
        {{links}} 
       </ion-item> 
      </div> 
     </div> 
    </ion-list> 
</ion-content> 

私は、すべてのI Link配列内の数字のみを表示するには好きですが、現時点でしまいます各アコーデオン要素のために1つの単語 "LINK"のすべての文字が見えます。 助けてください?

どうもありがとう

+1

"価値のあるリンク"で試してください "キーのリンク"ではありません – fantarama

+0

それはとても簡単でした。ありがとう、それは働いた。 あなたが説明したいと思ったら、これを答えとして選択してください。 – Nick

答えて

4

ここにある:

<div ng-repeat="links in value" ng-if="key == 'Link'"> 
0
> <div ng-repeat="(key, value) in b.settings" ng-show="isGroupShown(b)"> 
>    <div ng-repeat="links in **value**" ng-if="key == 'Link'"> 
>    <ion-item class="item-accordion"> 
>     {{links}} 
>     </ion-item> </div> 

あなたの内側の "NGリピート" の "値" と "キー" を交換してください。ありがとう。

関連する問題