如何使用angular从json文件中获取单个值（不使用ng-repeat）？

Question

我有一个包含以下数据的json文件：

{
  "favicons": [
    {
      "36x36”: "36x36.png",
      "48x48": "48x48.png",
      "57x57": "57x57.png"
    }
  ],
  "header": [
    {
      "imageUrl": "logo.png",
      "subTitle": “blah”,
      "backgroundColor": "#c30909"
    }
  ]
}

我想在不使用ng-repeat的情况下检索favicons.36x36的值。

我在app.controller中有这个：

app.controller('myCtrl', function($scope, $http) {  
    $http.get("data.json").then(function (response) {
      $scope.faviconData = response.data.favicons;
    })
});

在我的HTML中使用{{faviconData}}，我可以输出整个数组。

但是{{faviconData.36x36}}会导致解析语法错误。

我也尝试了faviconData[0].36x36，但这也会导致错误。

Answer 1

这样做

{{faviconData[0]['36x36']}}