Javascript ng重复申报问题中的数组
我的阵列:Javascript ng重复申报问题中的数组,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我的阵列: $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-re
$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>
{{page.id}}
{{page.name}
我只在输出中得到数字,它不显示名称。
页面。名称应为页面。名称
{{page.name}}
应该是{{{name}}
更改:
<a ng-repeat="name in pages.names">{{page.name}}</a>
{{page.name}
致:
{{name}
您应该使用{{name}
而不是{{page.name}
:
var myApp=angular.module('myApp',[]);
函数MyCtrl($scope){
$scope.pages=[{
“id”:“1”,
“姓名”:[“彼得”、“拉胡尔”]
}, {
“id”:“2”,
“姓名”:[“约翰逊”、“罗伯特”]
}, ];
}
{{page.id}
{{name}}
使用{{name}}
而不是{{page.name}
和page.names
而不是page.names
。很好用。非常感谢Gaurav&Deceze
<a ng-repeat="name in page.names">{{name}}</a>