对多维数组/对象ng-repeat

我从外部URL获取json对象。对多维数组/对象ng-repeat

$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); 
    }) 
})

我得到的JSON是如下：

{ 
    "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 
    } 
}

然而，当我做了ng-repeat尽管元素被打印多次。我没有获得价值。

<ion-list ng-repeat="article in articles"> 

    <ion-item>Test : {{ single.title }}</ion-item> 

</ion-list>

我的开发者控制台的屏幕截图：
这是我得到了console.log(data.articles);

enter image description here

我的浏览器的屏幕截图，其中我得到无标题值列表：

enter image description here

来源

2014-09-01 esafwan

这是什么错误？它似乎正在打印代码所示的内容。您正在循环播放文章数组并打印出标题。 – sma 2014-09-01 20:29:01

如果您看到实际标题未打印。 {{single.title}}部分不打印任何内容。每行只有硬编码值“Test：”被添加。 – esafwan 2014-09-01 20:30:41

它应该是'article.single.title' – 2014-09-01 20:31:35

试试这个：

<ion-list ng-repeat="article in articles"> 

    <ion-item>Test : {{article.single.title }}</ion-item> 

</ion-list>

来源

2014-09-01 20:31:40 sma

对多维数组/对象ng-repeat

回答

相关问题