使用angularjs使用Json文件重复Ng？

Question

我有一个名为 brands.json 的json文件：

{
  "brands": {
    "Honda": [
      "Accord",
      "Civic"
    ],
    "Porsche": [
      "Cayenne",
      "Cayman"
    ]
  }
}

我试图遍历此列表并列出品牌（例如本田和保时捷）并使用HTML列表进行渲染。

<li ng-repeat="brands in items">{{brands}}</li>

JS：

$scope.items= [];
$http.get('brands.json').then(function(response) {
    $scope.items =response.data.brands;
});

此代码工作正常，但它在品牌名称中显示数组，例如相反，如果显示 Honda ，它会显示 [＆＃34; Accord＆＃34;，＆＃34; Civic＆＃34;] 。我希望它只显示品牌名称。

<li>Honda</li>
<li>Porsche</li>

Answer 1

尝试：

<li ng-repeat="(key, value) in items">{{key}}</li>

从docs：

中退出

  表达式中的

（键，值） - 其中键和值可以是任何用户   定义的标识符，表达式是给出的范围表达式   集合以进行枚举。

     

例如：{'adam'：10，'amalie'：12}中的（姓名，年龄）。