无法使用angularjs获取json数据

时间:2017-04-13 07:14:17

标签: angularjs

这是plunker链接。我试图使用Angularjs获取json数据,其中数据就像数组对象的对象。

Plunker链接示例

3 个答案:

答案 0 :(得分:1)

您需要在ng-repeat中对键和值进行迭代。检查plunker

喜欢

<div ng-repeat="(key, value) in questions">
    {{key}}
    <div ng-repeat="item in value">
      version : {{item.version}}
    </div>
</div>

答案 1 :(得分:0)

您的div标签未正确关闭....

 <div ng-repeat="ques in questions">
    <p>{{ques[0].version}}</p>
  </div>

你的ng-repeat div标签在你的

标签之前关闭了。

Fixed Plunker Link

Plunker: for each sub version

答案 2 :(得分:0)

某些代码修改为components属性是动态的。因此,迭代它动态

$scope.components = response.data.components;

  $scope.questions = [];
  for(var i in Object.keys($scope.components)) {
    for(var j in $scope.components[Object.keys($scope.components)[i]]) {
      $scope.questions.push($scope.components[Object.keys($scope.components)[i]][j]); 
    }
  }
   console.log($scope.questions);
});

更新了Plnkr: https://plnkr.co/edit/PuvO6PrifWa5WtpeQrvY?p=preview