title: Hide div when there are no result due to a filter
body: <p>How can I know when there are no results to display due to a filter?</p>
  
  <pre><code>&lt;input type="text" class="form-control" ng-model="search" placeholder="Search..."&gt;
  
  &lt;div ng-show="contents.length !== 0"&gt;
    &lt;h2&gt;Contents&lt;/h2&gt;
      &lt;div class="panel panel-default" ng-repeat="content in contents | filter:search"&gt;
        &lt;div class="panel-heading"&gt;
          &lt;h3 class="panel-title"&gt;{{content.title}}&lt;/h3&gt;
        &lt;/div&gt;
        &lt;div class="panel-body"&gt;{{content.description}}&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>