title: ng-repeat on a multi-dimensional array/object
body: <p>I am getting json object from an external url.</p>
  
  <pre><code>$http.get('http://dev-newsbackend.gotpantheon.com/articles')
    .success(function(data, status){
  
      $scope.articles = data.articles;
  
      console.log(data.articles);
  
    }).error(function(err){
  
         console.log(err);
    })  
  })
  </code></pre>
  
  <p>The json I get is as below:</p>
  
  <pre><code>{
    "articles": [
      {
        "single": {
          "title": "7 Tech Upgrades to the Old-School Science Class"
        }
      },
      {
        "single": {
          "title": "What Will the ALS Association Do With That $100 Million?"
        }
      },
      {
        "single": {
          "title": "President Obama Rocked a Tan Suit, So Twitter Went Nuts"
        }
      }
    ],
    "view": {
      "name": "articles",
      "display": "page",
      "path": "articles",
      "root": "articles",
      "child": "single",
      "pages": 1,
      "page": 0,
      "count": 3,
      "limit": 10
    }
  }
  </code></pre>
  
  <p>However, when I am doing a <code>ng-repeat</code> though the element is printed multiple times. Am not getting the value. </p>
  
  <pre><code>&lt;ion-list  ng-repeat="article in articles"&gt;
  
      &lt;ion-item&gt;Test : {{ single.title }}&lt;/ion-item&gt;
  
  &lt;/ion-list&gt;
  </code></pre>
  
  <p><strong>My developer console screen-shot:</strong><br>
  This is what I got for <code>console.log(data.articles);</code></p>
  
  <p><img src="https://i.stack.imgur.com/YBl2V.png" alt="enter image description here"></p>
  
  <p>The screen-shot of my browser where am getting the list without the title value:</p>
  
  <p><img src="https://i.stack.imgur.com/yLwMB.png" alt="enter image description here"></p>