angularjs - 无法正确显示ng-repeat中的数组值

时间:2016-04-06 14:46:22

标签: angularjs angularjs-ng-repeat ng-repeat

我正在尝试使用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>

我想只显示Link数组中的数字,但目前我只能看到“LINK”一词中的所有字母,每个手风琴元素都有一个字母。 有什么帮助吗?

非常感谢

2 个答案:

答案 0 :(得分:4)

这是:

<div ng-repeat="links in value" ng-if="key == 'Link'">

答案 1 :(得分: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>

请更换&#34; key&#34;用&#34;值&#34;在你的内心&#34; ng-repeat&#34;。感谢。