Скрыть 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"