javascript - 将 Json 括号中的数据获取到 AngularJS 中

Question

我正在尝试从 JSON 对象获取一些特定数据。

我可以从括号外获取数据，但无法从括号内获取任何内容。

我想要得到的是从下面获取“summonerName”。

  "gameId": 2016761444,
  "mapId": 11,
  "gameMode": "CLASSIC",
  "gameType": "MATCHED_GAME",
  "gameQueueConfigId": 4,
  "participants": [
    {
      "teamId": 100,
      "spell1Id": 4,
      "spell2Id": 12,
      "championId": 57,
      "profileIconId": 615,
      "summonerName": "Wolves Weekend",
      "bot": false,
      "summonerId": 22951400,
      ]
    },

还有 9 个“参与者”对象。

这就是我目前正在尝试的方法:

div(ng-repeat='data in info.display')
            p(ng-model='info.IdBox') {{data.id}}
            p Level: {{data.summonerLevel}}
            p Champion: {{data.championId}}
            {{info.matchInfo}}
    ul
        div(ng-repeat='participant in info.matchInfo')
            p Name: {{matchInfo.participants[participant].summonerName}}

如前所述，简单的调用可以正常工作......

有什么想法吗？

谢谢~

Answer 1

首先，您的 JSON 在 participants 对象内无效。

现在的 JSON 示例:

  "participants": [
    {
      "teamId": 100,
      "spell1Id": 4,
      "spell2Id": 12,
      "championId": 57,
      "profileIconId": 615,
      "summonerName": "Wolves Weekend",
      "bot": false,
      "summonerId": 22951400, //Extra semicolon and missing curly brace.
      ]
    }
}

应该是:

{
    "gameId": 2016761444,
    "mapId": 11,
    "gameMode": "CLASSIC",
    "gameType": "MATCHED_GAME",
    "gameQueueConfigId": 4,
    "participants": [
        {
            "teamId": 100,
            "spell1Id": 4,
            "spell2Id": 12,
            "championId": 57,
            "profileIconId": 615,
            "summonerName": "Wolves Weekend",
            "bot": false,
            "summonerId": 22951400
        }
    ]
}

请注意，您在包含数组的对象中拥有想要检索的内容。您需要确定要读取的数组中的项目，然后指定要读取的键。

您所需要做的就是访问数组内的子对象。您可以通过提供您正在访问的数组中的项目的索引来完成此操作。

var jsonObject = 'yourJsonDataWouldBeHere...';
var mySelectedField = jsonObject.participants[1].summonerId;

当前运行的代码示例:

var app = angular.module("MyApp", []);

app.controller("MyCtrl", function($scope){

  $scope.jsonData = {
    "gameId": 2016761444,
    "mapId": 11,
    "gameMode": "CLASSIC",
    "gameType": "MATCHED_GAME",
    "gameQueueConfigId": 4,
    "participants": [
           {
                "teamId": 100,
                "spell1Id": 4,
                "spell2Id": 12,
                "championId": 57,
                "profileIconId": 615,
                "summonerName": "Wolves Weekend",
                "bot": false,
                "summonerId": 22951400
            },
         {
                "teamId": 101,
                "spell1Id": 5,
                "spell2Id": 13,
                "championId": 58,
                "profileIconId": 616,
                "summonerName": "Bear Something",
                "bot": false,
                "summonerId": 22951400
            }
    ]
};

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="MyApp">
  <div ng-controller="MyCtrl">
    
    <!--I'm accessing the ARRAY directly...-->
    <ul ng-repeat="item in jsonData.participants">
      <li>{{item.summonerName}}</li>
    </ul>
    
  </div>
</div>