由于过滤器而没有结果时隐藏div

Question

如何知道何时由于过滤器而无法显示结果？

<input type="text" class="form-control" ng-model="search" placeholder="Search...">

<div ng-show="contents.length !== 0">
  <h2>Contents</h2>
    <div class="panel panel-default" ng-repeat="content in contents | filter:search">
      <div class="panel-heading">
        <h3 class="panel-title">{{content.title}}</h3>
      </div>
      <div class="panel-body">{{content.description}}</div>
    </div>
</div>

Answer 1

请参阅此plunker

中的解决方案

只需使用此功能即可。

 ng-show="(contents | filter:search).length !== 0"