title: how to make list in ionic + angular?
body: <p>I am trying to make a list with accordion features.<br>
  I try to learn from <a href="http://codepen.io/ionic/pen/uJkCz" rel="nofollow">here</a> and try to make my own problem accordion <a href="http://play.ionic.io/app/03ec7aab6667" rel="nofollow">list</a>.<br>
  I am able to make collapsible list But when I am external object I am not able to make collapsible list. </p>
  
  <p>Could you please tell me how to make this list as shown in image when I have external object.</p>
  
  <p>here is my <a href="http://play.ionic.io/app/af672c108f46" rel="nofollow">code</a>:</p>
  
  <pre><code>  $scope.groups = [];
    for (var i=0; i&lt;collect.length; i++) {
      $scope.groups[i] = {
        name: i,
        items: []
      };
      for (var j=0; j&lt;collect.childItems[i].length ; j++) {
        $scope.groups[i].items.push(i + '-' + j);
      }
    }]
  </code></pre>