[英]How to use ng-repeat in AngularJS with using array?
myApp.controller("myctrl", function($scope) {
$scope.fullname = [
{ fname: 'Mohil', age: '25', city: 'San Jose', zip:'95112' },
{ fname: 'Darshit', age: '25', city: 'San Jose', zip:'95112'},
{ fname: 'Suchita', age: '25', city: 'Santa Clara', zip:'95182'}
]
}
這是一個顯示相同的Plunker 。 所有你需要的是，
HTML
<body ng-controller="MainCtrl">
<ul ng-repeat="name in fullname"><li ng-bind="name.fname"></li></ul>
</body>
應用程序.js
$scope.fullname = [
{ fname: 'Mohil', age: '25', city: 'San Jose', zip:'95112' },
{ fname: 'Darshit', age: '25', city: 'San Jose', zip:'95112'},
{ fname: 'Suchita', age: '25', city: 'Santa Clara', zip:'95182'}
];
這幾乎就是重復器的設計目的，您可以像在 JavaScript 中的任何其他地方一樣引用對象的屬性。 一個比給定的另一個簡單一點的例子：
<ul>
<li ng-repeat="person in fullname">
{{ person.fname }} is {{ person.age }} years old.
</li>
</ul>
你在哪個部分掙扎？
如何對對象數組使用 ng-repeat 並將其綁定到 angularjs 中的復選框
[英]How to use ng-repeat for array of objects and bind it to checkbox in angularjs
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.