如果文本过滤器在ng-repeat中没有返回结果，则显示消息 [英] Show message if text filter return no result in ng-repeat

问题描述

让我们说这个ng-repeat有一个文本过滤器：

Lets say we have this ng-repeat with a text filter :

<input ng-model="searchFilter" type="text">

<ul>
  <li ng-repeat="item in items | filter:searchFilter" >
    <label>{{item.label}}</label>

  </li>
</ul>

<p>Sorry, no result</p>

我想知道是否可以显示消息（< p> ;抱歉，没有结果< / p> ）当文本过滤器在 ng-repeat 中返回0项时？

I am wondering if it is possible to show a message (<p>Sorry, no result</p>) when a text filter return 0 items in a ng-repeat ?

JSBin 。

推荐答案

当然，您可以使用以下 ng-repeat 语法：

Sure, you can use the following ng-repeat syntax:

<li ng-repeat="item in filteredItems = (items | filter:searchFilter)" >
    <label>{{item.label}}</label>
</li>
<li ng-if="filteredItems.length === 0">No Items Found</li>

JSBin： http://jsbin.com/zepobugexi/2/edit

这篇关于如果文本过滤器在ng-repeat中没有返回结果，则显示消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！