title: Angular - how to pass received JSON in to a html table?
body: <p>I have an Angular 6 project which I receive a JSON object like the following:
  <img src="https://i.stack.imgur.com/VHUe0.png" alt="json array"></p>
  
  <p>And now I want to inject/pass this on a html table. Here is my code:</p>
  
  <p><strong>Interface</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>interface Ilivelog {
    instID: string;
    procID: string;
    threadNum: string;
    status: string;
  }
  </code></pre>
  
  <p><strong>The object</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>dataAgent: Ilivelog;
  </code></pre>
  
  <p><strong>Method</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>onGetAgent() {
    this.backend.getAgentStatus().subscribe(
      (response: Response) =&gt; {
        this.dataAgent = response.json();
        console.log("Arrey Agent: " + this.dataAgent);
      },
      (error) =&gt; {
        console.log(error)
      }
    )
  }
  </code></pre>
  
  <p><strong>How I get the data</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>getAgentStatus() {
    return this.http.get('http://localhost:8081/rms_agent/status');
  }
  </code></pre>
  
  <p>How can I pass the this json in to a HTML table?</p>