title: Angular hide a div if its repeating sibling has no elements inside after filtering
body: <p>I have a structure like that and I want to hide the divider if there are no elements inside the inner repeating div after it's been filtered (like checking theme.items.length === 0 but after filtering)</p>
  
  <pre><code>&lt;div ng-repeat="theme in myObj"&gt;
      &lt;div class="item item-divide" ng-show="showDivider"&gt;{{theme.name}}&lt;/div&gt;
      &lt;div ng-repeat="item in theme.items | myCustomFilter: searchQuery: this"&gt;
        &lt;!--code for displaying each item--&gt;
      &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>I tried passing the current scope to myCustomFilter and changing showDivider property from there, but once it hides the element it's not going to show it correctly when searchQuery is changed. </p>