title: How to iterate through an array of arrays in JSON using ng-repeat?
body: <p>I  am trying to iterate over a JSON object <code>userTypes</code>.<br>
  For the below code:<br></p>
  
  <p>In the 1st ng-repeat:<br>
   <code>{{user.type}}</code> outputs <strong>'Parent'</strong>(<em>as expected</em>),<br>
   <code>{{user.options}}</code> outputs <strong>'[{"option1":"11QWERT","option2":"22QWERT"}]'</strong>(<em>as expected</em>).<br></p>
  
  <p>But in the 2nd <code>ng-repeat</code>, I am not able to iterate through the <code>user.options</code> and output each of the <code>{{options}}</code><br>  </p>
  
  <p>What should be changed to get the <code>option1</code> and <code>option2</code> as the outputs in 2nd  <code>ng-repeat</code> ?</p>
  
  <p><strong>JS snippet</strong></p>
  
  <pre><code>var userTypes = [{
      "type": 'Parent',
      "options": [{
          "option1": "11QWERT",
          "option2": "22QWERT"
      }]
  }]
  </code></pre>
  
  <p><strong>HTML snippet</strong></p>
  
  <pre><code>&lt;li ng-repeat="user in userTypes"&gt;
      &lt;p&gt;{{user.type}}&lt;/p&gt;
      &lt;p&gt;{{user.options}}&lt;/p&gt;
      &lt;li ng-repeat="option in user.options"&gt;
          &lt;p&gt;
              {{option}}
          &lt;/p&gt;
      &lt;/li&gt;
  &lt;/li&gt;
  </code></pre>