ng-repeat声明中的数组问题

Array in ng-repeat declartion Issue

本文关键字：数组 问题 声明 ng-repeat      更新时间：2023-09-26

My array:

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

My Html &角

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

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

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>

您应该使用<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>

相关文章：