使用$watchCollection观察model对象的变化,并在回调函数中更新数组
代码示例:
在controller中定义model对象和数组:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.model = {
name: 'John',
age: 25
};
$scope.array = [];
});
使用$watchCollection观察model对象的变化:
$scope.$watchCollection('model', function(newVal, oldVal) {
$scope.array = Object.keys(newVal).map(function(key) {
return {key: key, value: newVal[key]};
});
});
在回调函数中更新数组:
- {{item.key}}: {{item.value}}
这个例子中,当model对象发生变化时,$watchCollection会将它转换为包含键值对的对象数组,并更新$scope.array。最后,ng-repeat指令会在HTML中显示数组的内容。