title: axios gives me JSON object, but can't parse to Javascript object
body: <p>I've been trying to figure this out, and don't know what I'm doing incorrectly.  I'm also new to Aurelia, Typescript, and Axios.</p>
  
  <p>The backend gives me a JSON array of objects that I want to parse into Javascript Objects. Cool. For my fake data I'm using JSONplaceholder. When I parse, what is returned is [object Object] (see link to image at bottom).  What am I doing incorrectly?  Eventually I'd like to pull specific data out, like info.name, and display the name. </p>
  
  <p>test.ts</p>
  
  <pre><code>import axios from 'axios';
  const apiURL = 'https://jsonplaceholder.typicode.com/users';
  
  declare var $: any;
  
  
  export class Test {
      info: string;
      infoX: string;
      public constructor () {
        axios.get(apiURL)
          .then(response =&gt; {
            this.info = JSON.stringify(response.data)
            this.infoX = JSON.parse(this.info);
            console.log(this.info);
            console.log(this.infoX);
          })
          .catch(error =&gt; console.log(error));
      }
  }
  </code></pre>
  
  <p>test.html</p>
  
  <pre><code>&lt;template&gt;
    &lt;pre style="margin-top: 200px"&gt;${info}&lt;/pre&gt;
    &lt;pre style="margin-top: 200px"&gt;${infoX}&lt;/pre&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/44QjQ.jpg" rel="nofollow noreferrer">screenshot of what the console log and view displays</a></p>