我想观察字典中的变化，但由于某种原因，手表回调没有被调用。
这是我使用的一个控制器:
function MyController($scope) {
$scope.form = {
name: 'my name',
surname: 'surname'
}
$scope.$watch('form', function(newVal, oldVal){
console.log('changed');
});
}
这是小提琴。
我期望$watch回调在每次更改姓名或姓氏时被触发，但它没有发生。
正确的做法是什么?
当前回答
对于任何想要观察对象数组中对象的变化的人来说，这似乎对我有用(因为本页上的其他解决方案没有):
function MyController($scope) {
$scope.array = [
data1: {
name: 'name',
surname: 'surname'
},
data2: {
name: 'name',
surname: 'surname'
},
]
$scope.$watch(function() {
return $scope.data,
function(newVal, oldVal){
console.log(newVal, oldVal);
}, true);
其他回答
试试这个:
function MyController($scope) {
$scope.form = {
name: 'my name',
surname: 'surname'
}
function track(newValue, oldValue, scope) {
console.log('changed');
};
$scope.$watch('form.name', track);
}
当您正在寻找表单对象的变化时，最好的观察方法是使用 watchCollection美元。请查看官方文件以了解不同的性能特征。
你必须在$watch ....中更改
function MyController($scope) { $scope.form = { name: 'my name', } $scope.$watch('form.name', function(newVal, oldVal){ console.log('changed'); }); } <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> <div ng-app> <div ng-controller="MyController"> <label>Name:</label> <input type="text" ng-model="form.name"/> <pre> {{ form }} </pre> </div> </div>
对于任何想要观察对象数组中对象的变化的人来说，这似乎对我有用(因为本页上的其他解决方案没有):
function MyController($scope) {
$scope.array = [
data1: {
name: 'name',
surname: 'surname'
},
data2: {
name: 'name',
surname: 'surname'
},
]
$scope.$watch(function() {
return $scope.data,
function(newVal, oldVal){
console.log(newVal, oldVal);
}, true);
form对象没有改变，只有name属性改变了
更新的小提琴
function MyController($scope) {
$scope.form = {
name: 'my name',
}
$scope.changeCount = 0;
$scope.$watch('form.name', function(newVal, oldVal){
console.log('changed');
$scope.changeCount++;
});
}
