javascript - AngularJS - 如何在 ng-repeat 和过滤器不返回任何行时显示计数 0

Question

我正在尝试打印通过 AngularJS 中的条件过滤的元素数。我正在使用 ng-repeat 循环收集并过滤它以获得计数，当它有值(value)时它工作正常。但是，当过滤器返回空结果时，Angular 不会呈现该元素，因此我无法让它显示 0 计数。 http://plnkr.co/edit/KNVwf2Yckxf1Qcyzcmea?p=preview

<div ng-repeat="i in iArr|filter:i.name='tim'">{{i.vals.length}}</div>

有没有人知道让它以简单的方式工作。

编辑:问题How to show a message when filter returns nothing in ng-repeat - AngularJS有一个回复实际上解决了我的问题，但我不知道如何解决。我想知道是否有一种非常简单的方法来做到这一点。

Answer 1

来自那个答案:

<select ng-model="shade" ng-options="shade for shade in shades"></select><br>
<ul>
    <li ng-repeat="c in filteredColors = (colors | filter:shade)">{{c.name}}</li>
</ul>
<div ng-show="!filteredColors.length">No colors available</div>

关键在 c in filteredColors = (colors | filter:shade) 中。过滤表达式 colors | 的数组结果filter:shade 被设置为 filteredColors，然后在 $scope 对象上可用。因此，它可以在该 Controller 范围内的其他地方使用。这就是为什么可以检查它的长度以查看是否没有颜色。