ng-repeat声明问题中的数组[关闭]答案

【问题标题】：Array in ng-repeat declartion Issue [closed]ng-repeat声明问题中的数组[关闭]
【发布时间】：2015-09-14 20:13:29
【问题描述】：

我的数组：

$scope.pages = [{
    "id": "1",
    "names": ["Peter", "Rahul"]
}, {
    "id": "2",
    "names": ["Johnson", "Robert"]
}, ];

我的 HTML 和 Angular

<div ng-repeat="page in pages">
     <a>{{page.id}}</a><br />
     <a ng-repeat="name in pages.names">{{page.name}}</a>
</div>

我只在输出中得到数字，它不显示名称。

【问题讨论】：

使用{{name}}而不是{{page.name}}
和page.names 而不是pages.names。
是的，效果很好，非常感谢 Gaurav 和 Deceze

标签： javascript angularjs angularjs-ng-repeat

【解决方案1】：

pages.names 应该是page.name

{{page.name}} 应该是{{name}}

变化：

<a ng-repeat="name in pages.names">{{page.name}}</a>

收件人：

<a ng-repeat="name in page.names">{{name}}</a>

【讨论】：

【解决方案2】：

您应该使用<a ng-repeat="name in page.names">{{name}}</a> 而不是<a ng-repeat="name in pages.names">{{page.name}}</a>：

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {
  $scope.pages = [{
    "id": "1",
    "names": ["Peter", "Rahul"]
  }, {
    "id": "2",
    "names": ["Johnson", "Robert"]
  }, ];
}

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

<body ng-app="myApp">
  <div ng-controller="MyCtrl">
    <div ng-repeat="page in pages">
      <a>{{page.id}}</a>
      <br />
      <a ng-repeat="name in page.names">{{name}}</a>
    </div>
  </div>
</body>

【讨论】：