javascript - 当过滤器在 ng-repeat 中不返回任何内容时如何显示消息 - AngularJS

Question

当过滤器(ng-repeat)上没有返回任何项目时，我想显示一个div(消息)。

过滤是基于选择框(ng-model)进行的。并且某些选择选项没有结果，此时用户应该能够在同一位置阅读消息。我可以在这里使用 ng-show/hide 吗？怎么办？

谢谢

Answer 1

您还可以将过滤后的数组保存在变量中，然后在 ng-show 表达式中使用该变量:

<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>

您可以在 plunker 中看到它的实际效果。 .