要在AngularJS中使用
和ng-repeat
渲染数组变量,可以按照以下步骤进行操作。
angular.module('myApp', ['ngMaterial'])
.controller('myController', function($scope) {
$scope.items = [
{ id: 1, name: 'Item 1', isChecked: false },
{ id: 2, name: 'Item 2', isChecked: true },
{ id: 3, name: 'Item 3', isChecked: false }
];
$scope.init = function() {
// 初始化函数,可以在这里进行一些其他操作
}
$scope.init();
});
ng-repeat
指令在HTML中循环渲染数组变量。
{{ item.name }}
完整的示例代码如下所示:
{{ item.name }}
这样,
将会根据数组变量$scope.items
的长度进行循环渲染,并且与每个数组元素的isChecked
属性进行双向绑定。
下一篇:Angular JS选择重置