angularJS:在ng-repeat中循环

时间:2016-04-08 10:59:33

标签: javascript ng-repeat

我正在尝试显示来自JSON数据字符串的某一部分的数据。

以下是我想要展示的部分。

{           “-rank”:“3”,           “-teamId”:“t3”,           “-name”:“阿森纳”,           “-played”:“31”,           “-won”:“17”,           “-drawn”:“7”,           “-lost”:“7”,           “-for”:“52”,           “-ainain”:“30”,           “-points”:“58”,           “-goalDifference”:“22”

以下是JS。

 $scope.leagueTable = $scope.myData.LeagueTable.Table.TeamPosition;
                                //League Table
            for( var i = 0; i < $scope.leagueTable.length; i++) {
                if($scope.leagueTable[i]['-teamId'] == "t3") {
                    $scope.arsenalStats = $scope.leagueTable[i];
                    break;
                }
            }
            console.log($scope.arsenalStats);

以下是我正在使用的HTML。我只是得到空白的结果。没有错误。

<div class="row" ng-repeat="val in leagueTable| limitTo:-1">
  <div class="col">{{arsenalStats[$index]['-played']}}</div>
  <div class="col">{{arsenalStats[$index]['-won']}}</div>
  <div class="col">{{arsenalStats[$index]['-drawn']}}</div>
  <div class="col">{{arsenalStats[$index]['-lost']}}</div>
  <div class="col">{{arsenalStats[$index]['-points']}}</div>
</div>

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

使用leagueTable对象,您应该使用val

<div class="row" ng-repeat="val in leagueTable| limitTo:-1">
  <div class="col">{{val[$index]['-played']}}</div>
  <div class="col">{{val[$index]['-won']}}</div>
  <div class="col">{{val[$index]['-drawn']}}</div>
  <div class="col">{{val[$index]['-lost']}}</div>
  <div class="col">{{val[$index]['-points']}}</div>
</div>