Javascript ng在多维数组/对象上重复
我从外部url获取json对象Javascript ng在多维数组/对象上重复,javascript,arrays,json,angularjs,angularjs-ng-repeat,Javascript,Arrays,Json,Angularjs,Angularjs Ng Repeat,我从外部url获取json对象 $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); }) }) 我得到
$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重复时,尽管元素被打印了多次。我没有得到价值
<ion-list ng-repeat="article in articles">
<ion-item>Test : {{ single.title }}</ion-item>
</ion-list>
测试:{single.title}
我的开发者控制台屏幕截图:
这是我从console.log(data.articles)获得的代码>
“我的浏览器”的屏幕截图,我在其中获取不带标题值的列表:
试试这个:
<ion-list ng-repeat="article in articles">
<ion-item>Test : {{article.single.title }}</ion-item>
</ion-list>
测试:{article.single.title}
这里的错误是什么?它似乎正在打印代码所示的内容。您正在遍历文章数组并打印出标题。如果您看到实际标题没有打印出来。{{single.title}}部件未打印任何内容。每行只添加硬编码值“Test:”。它应该是article.single.title