title: How to display dynamic json data in html using angular 6?
body: <p>My webservice returns a json data like below.</p>
  
  <pre><code> [{ "Key" : 001,
     "Record" : {"id":"001",
                  "name" : "qwerty"}
   },
   { "Key" : 003,
     "Record" : {"id":"003",
                  "name" : "asdfg"}
   }]
  </code></pre>
  
  <p>Now I need to display it in a table format. NOrmally in jquery I used to create a table dynamically &amp; will assign a div id to a table, then replace it with dynamically created table.</p>
  
  <p>My component.ts:</p>
  
  <pre><code> export class CatComponent extends Lifecycle {
  
  constructor(
      private $modal: $ModalManagerService,
      private http: HttpClient
  ) {
      super();
  }
  
  _initialize(): void {
          this.http.get('http://127.0.0.1:3000/query/aa',{responseType:"json"}).subscribe(
     response =&gt; {
       console.log("data :"+response);
       var sample=JSON.stringify(response);
       });
  }
  
  }
  
  $("#divv").html(content);
  </code></pre>
  
  <p>Here in angular 6 how should I display?</p>