Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.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 在AngularJS中显示JSON数组中的键值_Javascript_Json_Angularjs_Angularjs Ng Repeat_Ng Repeat - Fatal编程技术网

Javascript 在AngularJS中显示JSON数组中的键值

Javascript 在AngularJS中显示JSON数组中的键值,javascript,json,angularjs,angularjs-ng-repeat,ng-repeat,Javascript,Json,Angularjs,Angularjs Ng Repeat,Ng Repeat,如何从给定的JSON中获取联赛冠军,并在[TITLE]中显示?其他一切都很好,但我希望它能出现在联赛类别中 我的HTML: <div ng-controller="LeaguesCtrl"> <div ng-repeat="league in leagues"> League: {{[TITLE]}} <table> <tr ng-repeat="m

如何从给定的JSON中获取联赛冠军,并在[TITLE]中显示?其他一切都很好,但我希望它能出现在联赛类别中

我的HTML:

    <div ng-controller="LeaguesCtrl">
        <div ng-repeat="league in leagues">
            League:  {{[TITLE]}}
            <table>
                <tr ng-repeat="match in league">
                    <td>{{match.home_team}}</td>
                    <td>-</td>
                    <td>{{match.away_team}}</td>
                    <td><a href="#">{{match.home_odds}}</a></td>
                    <td><a href="#">{{match.draw_odds}}</a></td>
                    <td><a href="#">{{match.away_odds}}</a></td>
                </tr>
            </table>
            <br />
        </div>
    </div>
我的AngularJS控制器:

myApp("LeaguesCtrl", function($scope, $http) {
  $http.get('http://api.odds24.com/best-odds?user=dev&leagues=SOCENGPRE,SOCINTCHL,SOCESPPRI').
    success(function(data, status, headers, config) {
      $scope.leagues = data;
    });
});

您必须在ng repeate中指定,如下所示

<div class="col-lg-12" ng-controller="LeaguesCtrl">
    <div ng-repeat="(key, league) in leagues">
        League:  {{key}}
        <table>
            <tr ng-repeat="match in league">
                <td style="padding: 0 5px">{{match.home_team}}</td>
                <td style="padding: 0 5px">-</td>
                <td style="padding: 0 5px">{{match.away_team}}</td>
                <td style="padding: 0 5px; text-align: right"><a href="#">{{match.home_odds}}</a></td>
                <td style="padding: 0 5px; text-align: right"><a href="#">{{match.draw_odds}}</a></td>
                <td style="padding: 0 5px; text-align: right"><a href="#">{{match.away_odds}}</a></td>
            </tr>
        </table>
        <br />
    </div>
</div>

联盟:{{key}}
{{比赛.主队}
-
{{比赛。客场}

然后使用
{{key}}


这是一个。

您只需在ng repeat中使用key/value选项即可。所以它看起来像这样:

<div ng-repeat="name, detail in league">

然后使用
{{name}}
引用它


有关更多信息,请参见文档页。

如何在第7页中执行此操作?
<div ng-repeat="name, detail in league">