ng-repeat只显示最后一项?

时间:2016-07-10 10:22:31

标签: angularjs json node.js

我有一个基本的API调用,它返回一个对象。我想遍历该对象以显示每个冠军所播放的会话数,我的代码是:

          for( var c = 0; c < json['champions'].length; c++) {
        data.sessP = json['champions'][c]['stats'].totalSessionsPlayed;
        console.log(json['champions'][c]['stats'].totalSessionsPlayed);
      }

在我的页面中,我有:

 <span ng-repeat="sessP in info.sessP">
    {{info.sessP}}
  </span>

在控制台中,正确输出大约6或7个totalSessionsPlayed的列表,因此我知道它在那里,但是在页面上,只显示输出的最后结果:

http://imgur.com/a/yj81f

我做错了吗?我假设我正在正确访问该对象,因为页面上显示的值不是全部:(

由于

1 个答案:

答案 0 :(得分:1)

你应该像这样绑定数组......

$scope.sessP  = [];
for( var c = 0; c < json['champions'].length; c++) {
    $scope.sessP.push(json['champions'][c]['stats'].totalSessionsPlayed);
    console.log(json['champions'][c]['stats'].totalSessionsPlayed);
}

<强> HTML:

<span ng-repeat="sesP in sessP">
    {{sesP}}
</span>