如何在这种格式的数据上使用 ng-repeat

Question

如何对这种格式的数据使用 ng-repeat？

控制器：

$scope.makes = [
        {
       "makes": [
          {
             "id": 200347864,
             "name": "AM General",
             "niceName": "am-general"
          },
{
             "id": 200347800,
             "name": "Toyota",
             "niceName": "toyota"
          }
            ]
        }

      ];

html:

<body ng-controller="MakeListCtrl">
  <ul>
    <li ng-repeat="make in makes">


      <p >name: {{make.name}}</p>
    </li>
  </ul>

</body>

Answer 1

你可以把数组对象做的简单点就好了。无需更改 html 只需更改 js

html

<body ng-controller="MakeListCtrl">
  <ul>
    <li ng-repeat="make in makes">    
      <p >name: {{make.name}}</p>
    </li>
  </ul>
</body>

控制器

$scope.makes = [
    {
        "id": 200347864,
        "name": "AM General",
        "niceName": "am-general"
    },
    {
        "id": 200347864,
        "name": "AM General",
        "niceName": "am-general"
    },
    {
        "id": 200347864,
        "name": "AM General",
        "niceName": "am-general"
    }];

Answer 2

<body ng-controller="MakeListCtrl">
  <ul>
    <li ng-repeat="maker in makes"> 
      <ul>
        <li ng-repeat="make in maker.makes"> 
         <p >name: {{make.name}}</p>
        </li>
      </ul>
    </li>
  </ul>
</body>

Answer 3

 <body ng-controller="MakeListCtrl">
   <ul>
     <li ng-repeat="make in makes[0].makes">


       <p >name: {{make.name}}</p>
     </li>
   </ul>

</body>

Answer 4

<body ng-controller="MakeListCtrl">
  <ul ng-repeat="maker in makes">
        <li ng-repeat="make in maker.makes"> 
         <p >name: {{make.name}}</p>
        </li>
  </ul>
</body>

 Above will be a better way please try this.

如何在这种格式的数据上使用 ng-repeat

How to use ng-repeat on this format of data

angularjs

ng-repeat

angularjs-ng-repeat

html

控制器