title: Display JSON object in template angular 2
body: <p>I have this:</p>
  
  <pre><code>stanservice.categoryDetail(this.params.get('id'))
    .then((data) =&gt; {
      this.category = JSON.stringify(data.res.rows[0]);
      console.log(JSON.stringify(data.res.rows[0]));
    })
    .catch((error) =&gt; {
      console.log("Error message", error.err);
    });
  </code></pre>
  
  <p>The console log returns this:</p>
  
  <pre><code>{"id":6,"name":"destiny","note":"nice","type":"income"}
  </code></pre>
  
  <p>Then I am able to display <code>this.category</code> in my template as this:</p>
  
  <pre><code>{{ category }}
  </code></pre>
  
  <p>which returns this</p>
  
  <pre><code>{"id":6,"name":"destiny","note":"nice","type":"income"}
  </code></pre>
  
  <p>However, when I try to display the values of the object by doing this</p>
  
  <pre><code>{{ category.name }}
  </code></pre>
  
  <p>I get this error:</p>
  
  <pre><code>EXCEPTION: Error: Uncaught (in promise): EXCEPTION: TypeError: Cannot read property 'name' of undefined in [
              {{ category.name }}
           in CategorydetailPage@16:18]
  ORIGINAL EXCEPTION: TypeError: Cannot read property 'name' of undefined
  ORIGINAL STACKTRACE:
  TypeError: Cannot read property 'name' of undefined
      at AbstractChangeDetector.ChangeDetector_CategorydetailPage_0.detectChangesInRecordsInternal (viewFactory_CategorydetailPage:67:28)
      at AbstractChangeDetector.detectChangesInRecords (http://localhost:8100/build/js/app.bundle.js:13535:18)
      at AbstractChangeDetector.runDetectChanges (http://localhost:8100/build/js/app.bundle.js:13512:14)
      at AbstractChangeDetector._detectChangesInViewChildren (http://localhost:8100/build/js/app.bundle.js:13612:18)
      at AbstractChangeDetector.runDetectChanges (http://localhost:8100/build/js/app.bundle.js:13516:14)
      at AbstractChangeDetector.detectChanges (http://localhost:8100/build/js/app.bundle.js:13501:73)
      at ChangeDetectorRef_.detectChanges (http://localhost:8100/build/js/app.bundle.js:14402:73)
      at ViewController.willEnter (http://localhost:8100/build/js/app.bundle.js:46071:22)
      at NavController._postRender (http://localhost:8100/build/js/app.bundle.js:44385:30)
      at http://localhost:8100/build/js/app.bundle.js:44333:27
  ERROR CONTEXT:
  [object Object]
  </code></pre>