角度NG重复仅显示一些列

时间:2016-07-19 14:18:02

标签: angularjs

我有一个来自API调用的对象,其中包含很多我不一定需要的数据。如何设置ng-repeat以仅显示我想要的列。

例如,每行有13列,我只想要列1,3,11。对象没有键入,所以我不能这样做

 <td> {{a.blah}}</td>
 <td> {{a.foo}} </td>

这是我目前的ng-repeat。我知道必须要对索引进行过滤。

<tr ng-repeat="d in playerInfoBody track by $index">
                <td ng-repeat="a in d track by $index">
                    {{a}}
                </td>

2 个答案:

答案 0 :(得分:7)

<tr ng-repeat="d in playerInfoBody track by $index">
            <td ng-repeat="a in d track by $index" ng-if="[1,3,11].indexOf($index) > -1">
                {{a}}
            </td>

答案 1 :(得分:0)

您应该能够根据'mod'功能显示项目 虽然这不是最佳方式,但最好只返回API中有效显示的项目。

  

mod =返回数字除以除数后的余数。该   结果与除数具有相同的符号。

<tr ng-repeat="d in playerInfoBody track by $index">
    <td ng-repeat="a in d" ng-show='$index % 1 == 0 || $index % 3 == 0 || $index % 11 == 0'>
        {{a}}
    </td>
</tr>