title: How to skip the ngFor when the respond from api is not completely in angular?
body: <p>Currently I already able to display out all the results in the front end.
  But how can I make the ngFor only display those objects without <strong>$ref</strong> and must include the <strong>Name</strong> and <strong>Description</strong> in the array?</p>
  <blockquote>
  <p><strong>component.html</strong></p>
  </blockquote>
  <pre><code>&lt;body&gt;
      &lt;app-header&gt;&lt;/app-header&gt;
      &lt;div class=&quot;container body-content&quot;&gt;
          &lt;br&gt;
          &lt;h2&gt;Title&lt;/h2&gt;
          &lt;br&gt;
          
          &lt;table class=&quot;table&quot;&gt;
              &lt;tr&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th&gt;Description&lt;/th&gt;
                  &lt;th&gt;Value&lt;/th&gt;
              &lt;/tr&gt;
  
              &lt;tr *ngFor=&quot;let group of groups &quot;&gt;
                &lt;td&gt;{{group.Name}}&lt;/td&gt;
                &lt;td&gt;{{group.Description}}&lt;/td&gt;
                &lt;td&gt;{{group.value}}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  <blockquote>
  <p>Respond from API</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/8A0x6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8A0x6.png" alt="enter image description here" /></a></p>