title: Angular 8 Show HTTP response with the right data. ([object Object])
body: <p>In my current Angular project I send a JSON file to a server and the server gives me back a modified JSON file. The new JSON file should be displayed in a tree. </p>
  
  <p>My current problem is that I cannot read the data from the new JSON. Whenever I want to display a JSON Object, I always get the error:</p>
  
  <pre><code>[object Object]
  </code></pre>
  
  <p>Post request:</p>
  
  <pre><code>public sendJSON() {
      this.http.post('url', this.combineJSON,{headers:{'Content-Type': 'application/json'}}).subscribe((data: Device) =&gt; {
  
      console.log("Test Output: " + data);
    })
  }
  </code></pre>
  
  <p>I defined a model to work with the response:</p>
  
  <pre><code>export class Device {
      orderNumber: number;
  
      deviceTypeId: number;
  
      swRevision: string;
  
      hwRevision: string;
  }
  </code></pre>
  
  <p>Where is the problem here that the data is not displayed correctly?</p>