当过滤器(ng-repeat)没有返回任何项目时,我想显示一个div(message)。
根据选择框(ng-model)进行过滤。并且某些选择选项没有任何结果,那时用户应该能够在同一位置阅读消息。我可以在这里使用ng-show / hide吗?怎么样?
谢谢,
您还可以将过滤后的数组保存在变量中,然后在ng-show表达式中使用该变量:
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>
您可以在此导航器中看到它的实际效果。