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

【问题标题】：Show message if text filter return no result in ng-repeat如果文本过滤器在 ng-repeat 中没有返回结果，则显示消息
【发布时间】：2015-02-13 23:33:19
【问题描述】：

假设我们有这个带有文本过滤器的 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>

我想知道当文本过滤器在 ng-repeat 中返回 0 个项目时是否可以显示消息 (<p>Sorry, no result</p>)？

JSBin 在这里。

【问题讨论】：

标签： javascript angularjs

【解决方案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

【讨论】：