嵌套的 ngRepeat limitTo 不起作用答案

【问题标题】：Nested ngRepeat limitTo not working嵌套的 ngRepeat limitTo 不起作用
【发布时间】：2015-08-29 18:26:18
【问题描述】：

我目前遇到了 ng-repeat 问题，并且限制了我视图中显示的元素数量。我想知道它是否与嵌套循环有关。代码如下：

<li style="cursor:pointer; margin:8px;" class="span3" ng-repeat="psp in preSplitPrompts" ng-click="selectRelatedSplitPanels($index)">

    <div ng-class="$first ? 'panelBackground' : 'altPanelBackground'" class="thumbnail splitPanel">
        <h3>{{ (psp.promptname) ? psp.promptname : "No Name From API" }}</h3>
        <hr>
        <h2 ng-repeat="postsplit in psp.postSplit | limitTo: 1">{{ postsplit.metrics.preSplitTotalCount ? postsplit.metrics.preSplitTotalCount : 0 }}</h2>
        <p>Visits</p>
    </div>

</li>

我尝试通过执行 limitTo:1 来限制列表项，并且效果很好。仅在尝试限制后拆分时。感谢您的帮助。

编辑：

此代码有效：

<li style="cursor:pointer; margin:8px;" class="span3" ng-repeat="psp in preSplitPrompts | limitTo: 1" ng-click="selectRelatedSplitPanels($index)">

    <div ng-class="$first ? 'panelBackground' : 'altPanelBackground'" class="thumbnail splitPanel">
        <h3>{{ (psp.promptname) ? psp.promptname : "No Name From API" }}</h3>
        <hr>
        <h2 ng-repeat="postsplit in psp.postSplit">{{ postsplit.metrics.preSplitTotalCount ? postsplit.metrics.preSplitTotalCount : 0 }}</h2>
        <p>Visits</p>
    </div>

</li>

这是数据对象：

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat ng-repeat

【解决方案1】：

试试这个：

ng-class="{$first ? 'panelBackground' : 'altPanelBackground'}"

【讨论】：