如果文本过滤器在ng-repeat中没有返回结果,则显示消息

Question

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

<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>Sorry, no result</p>当文本过滤器返回0项时是否有可能显示一条消息()ng-repeat？

JSBin在这里.

Answer 1

当然,您可以使用以下ng-repeat语法:

<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