在AngularJS中实现搜索：默认方式

Question

我已经在我的angularjs应用程序中实现了默认搜索，代码如下：

<div>
<input type="text" ng-model="searchKeyword" placeholder="Search records...">
<div class="checkbox" ng-repeat="record in records | filter: searchKeyword">
<label class="ms-pl-xs">
  <input type="checkbox">{{record.value}}&nbsp;[{{record.count}}]
</label>
</div>

我在这里面临的问题是，假设有人碰巧触发了某个关键字，而这些关键字在被重复的记录中并不存在。我想要一条消息，说“什么也没找到”或者别的什么。

我如何实现这个逻辑？我在这里看了不同的文章和几个问题，找不到这方面的任何东西。我如何查看搜索的术语的长度是否为零，以便我可以ng-如果那个东西并显示消息？谢谢！

Answer 1

如果您使用的是Angular 1.3，您可以使用别名：

<div>
  <input type="text" ng-model="searchKeyword" placeholder="Search records..." />
  <div class="checkbox" ng-repeat="record in records | filter: searchKeyword as found">
    <label class="ms-pl-xs">
      <input type="checkbox">{{record.value}}&nbsp;[{{record.count}}]
    </label>
  </div>
  <div ng-if="found === 0">
    Nothing found
  </div>
</div>

如果必须使用较旧的角度，则可以将过滤器的结果指定给新数组，然后检查其长度：

<div>
  <input type="text" ng-model="searchKeyword" placeholder="Search records..." />
  <div class="checkbox" ng-repeat="record in filteredRecords = (records | filter: searchKeyword)">
    <label class="ms-pl-xs">
      <input type="checkbox">{{record.value}}&nbsp;[{{record.count}}]
    </label>
  </div>
  <div ng-if="filteredRecords.length === 0">
    Nothing found
  </div>
</div>