Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng在多维数组/对象上重复_Javascript_Arrays_Json_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript ng在多维数组/对象上重复

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); }) }) 我得到

我从外部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);
  })  
})
我得到的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