使用angularjs与Json文件进行NG重复？

Question

I have json file called brands.json :

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

Im trying to iterate through this list and list the brand(eg Honda and Porsche) and render using HTML lists.

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

JS:

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

This code works fine but it displays the arrays inside the brand names eg instead if displaying Honda it displays ["Accord", "Civic"] . I want it to display the brand names only.

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

Answer 1

Try:

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

Quouted from the docs :

(key, value) in expression – where key and value can be any user defined identifiers, and expression is the scope expression giving the collection to enumerate.

For example: (name, age) in {'adam':10, 'amalie':12}.