title: I want to hide the parent div if child div is empty as Filter results empty
body: <pre><code>&lt;div ng-repeat=&quot;(key, val) in report.practices&quot;&gt;
      &lt;div &gt;{{key}}&lt;/div&gt;
    &lt;div ng-repeat=&quot;(severityIndex, severityName) in val&quot;&gt;
      &lt;div ng-if=&quot;filterResults.length&quot; &gt;
          &lt;span &gt;{{severityIndex}}&lt;/span&gt;
      &lt;/div&gt;
      &lt;div ng-repeat=&quot;(practice, value) in val[severityIndex] | filter:searchText.value as filterResults&quot;&gt;
        &lt;span &gt;{{practice}}&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I am printing in the below format,</p>
  <p>Category :<br />
  SubCategory :<br />
  Content :</p>
  <p>In the above format I applies filter search for <strong>Content</strong> and applied the filter results length to <strong>SubCategory</strong>. So that If no <strong>content</strong> filtered then <strong>Subcategory</strong> hide successfully. Now also I want to hide the <strong>Category(parent)</strong>, if no <strong>Subcategory</strong> is filtered.</p>
  <p>Please help me how could I achieve this ?</p>