title: AngularJS: textarea bind to JSON object shows "object-object"
body: <p>I am fairly new to AngularJS.</p>
  
  <p>I am trying to bind an object to a textarea.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;textarea rows="5" cols="10" ng-model="menuItem.preset"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>Model:</p>
  
  <pre><code>{
      "kind": "title",
      "label": "ADD_TITLE",
      "iconSrc": "textTitle.png",
      "experimentInclude": "",
      "experimentExclude": "three",
      "preset": {
          "compType": "richTitle",
          "styleId": "txtNew"
      }
  }
  </code></pre>
  
  <p>Result:</p>
  
  <p><img src="https://i.stack.imgur.com/qubtF.png" alt="json shown as object"></p>
  
  <p>How can I show the JSON stringified (and later save it as an object again)?</p>