title: Child Data in Ionic side multi-level menu not displayed properly
body: <p>as per attached picture, my data is not shown properly. How do i remove the "[{"title":..." Leaving just the "Stationery" in my side menu child data? When i clicked my parent item, it will drop down a child value. But instead of showing 'Stationery', it shows '[
          { title: 'Stationery' },
          { title: 'Paper &amp; Pads' },
          { title: 'Technology' },
          { title: 'Ink &amp; Toner' },...'</p>
  
  <p>My menu.html as follows:</p>
  
  <pre><code>&lt;div ng-repeat="item in items" ng-click="toggleGroup(items)" ng-controller="dropDownCtrl"&gt;
   &lt;ion-item&gt;
  {{item.title}}
  &lt;i class="icon" ng-class="isGroupShown(items) ? 'ion-arrow-up-b' : 'ion-arrow-down-b'"&gt; &lt;/i&gt;
  &lt;/ion-item&gt;
  &lt;ion-item ng-show="isGroupShown(items)" menu-close href="#/app/home"&gt;
  {{item.children}}
  &lt;/ion-item&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my controllers.js:</p>
  
  <pre><code>starter.controller('dropDownCtrl', function( $scope ) {
  
  $scope.items = [
  {title: 'Products',
  children: [
      { title: 'Stationery' },
      { title: 'Paper &amp; Pads' },
      { title: 'Technology' },
      { title: 'Ink &amp; Toner' },
      { title: 'Pantry' ,
      children: [
          { title: 'Snacks, Beverages &amp; Condiments' },
          { title: 'Tableware and Pantry Accessories' },
          { title: 'Cleaning Supplies' },
          { title: 'Medical Products' , 
          children: [
              { title: 'First Aids ' },
          ]}
      ]}
  ]
  },
  {title: 'My Catalogs'},
  {title: 'My RFQs'},
  {title: 'My Orders'}
      ];
  </code></pre>