title: how to go through json result without using ngFor angular
body: <p>I have JSON result which i get it from the back-end it gives me the following result</p>
  <pre><code>[
     {
        &quot;status&quot;:&quot;RUN&quot;,
        &quot;numberOfTurbines&quot;:1
     },
     {
        &quot;status&quot;:&quot;ERROR&quot;,
        &quot;numberOfTurbines&quot;:20
     },
     {
        &quot;status&quot;:&quot;STOP&quot;,
        &quot;numberOfTurbines&quot;:5
     },
     {
        &quot;status&quot;:&quot;START_UP&quot;,
        &quot;numberOfTurbines&quot;:2
     }
  ]
  </code></pre>
  <p>I have 4 cards with icons that indicate each status(Run,error,STOP,Start_up) in my ts component I have:</p>
  <pre><code>this.service.getAllTurbinesStat().subscribe(s=&gt;{
    this.allStats = s;
  });
  </code></pre>
  <p>in my html:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;row&quot;&gt;
  &lt;div class=&quot;d-flex justify-content-start&quot;&gt;
  &lt;mat-card class=&quot;cards&quot;&gt;
     &lt;mat-card-title style=&quot;color:red;&quot;&gt;RUN&lt;/mat-card-title&gt;
  &lt;/mat-card&gt;
  &lt;mat-card  class=&quot;cards&quot;&gt;
     &lt;span class=&quot;material-icons&quot;&gt;
       pan_tool
     &lt;/span&gt;
     &lt;mat-card-title&gt;ERROR&lt;/mat-card-title&gt;
  &lt;/mat-card&gt;
  &lt;mat-card  class=&quot;cards &quot;&gt;
     &lt;span class=&quot;material-icons&quot;&gt;
     build_circle
     &lt;/span&gt;
     &lt;mat-card-title&gt;STOP&lt;/mat-card-title&gt;
  &lt;/mat-card&gt;
  &lt;mat-card  class=&quot;cards&quot;&gt;
     &lt;span class=&quot;material-icons&quot; &gt;
       arrow_circle_down
     &lt;/span&gt;
     &lt;mat-card-title&gt;Start_up&lt;/mat-card-title&gt;
  &lt;/mat-card&gt;
  </code></pre>
  <p>I just want to get the respective data and put in each card, how can I achieve?*ngFor I know goes through data but how can I get the field data that I want?numberOfTurbines and status</p>