Javascript 角度$scope.$watch on数组调用更新函数
在中，我有一个整数数组，我将$scope.$watch附加到该数组。更新阵列时，我的$scope.$watch不会触发console.log。为什么不调用my console.logJavascript 角度$scope.$watch on数组调用更新函数,javascript,arrays,angularjs,angularjs-scope,angularjs-watch,Javascript,Arrays,Angularjs,Angularjs Scope,Angularjs Watch,在中，我有一个整数数组，我将$scope.$watch附加到该数组。更新阵列时，我的$scope.$watch不会触发console.log。为什么不调用my console.log <!DOCTYPE html> <html> <head> <script data-require="angularjs@1.5.0" data-semver="1.5.0" src="https://cdnjs.cloudflare.com/ajax/li
<!DOCTYPE html>
<html>
<head>
<script data-require="angularjs@1.5.0" data-semver="1.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="test" ng-controller="testArray">
<div ng-repeat="item in MyArray track by $index"> {{item}}</div>
<button ng-click="add()">testing Add</button>
</body>
</html>
<script type="text/javascript">
'use strict';
var app = angular.module('test', []);
app.controller('testArray',['$scope',function($scope){
$scope.MyArray = [1,2,3,4]
$scope.add = function(){
$scope.MyArray.push($scope.MyArray.length+1);
}
$scope.$watch('MyArray' , function(){
console.log($scope.MyArray);
})
}]);
</script>
{{item}}
测试添加
"严格使用",；
var app=角度模块（'测试'，[]）；
app.controller（'testArray'，['$scope'，函数（$scope）{
$scope.MyArray=[1,2,3,4]
$scope.add=函数（）{
$scope.MyArray.push（$scope.MyArray.length+1）；
}
$scope.$watch（'MyArray'，function（））{
log（$scope.MyArray）；
})
}]);
$scope.$watch('MyArray' , function(){
console.log($scope.MyArray);
}, true)
angular.equals$scope.$watch('MyArray' , function(){
console.log($scope.MyArray);
}, true)
查看，您将看到第三个参数指示$watch方法将使用对象相等性来确定数组是否已更改。这意味着angular将使用支持数组比较的
angular.equals$watchCollection$watchtrue$scope.$watchCollection('MyArray' , function(){
console.log($scope.MyArray);
})
$watchCollection（）如果您有一个非常大的阵列，您想在其中保持监视，那么不要使用
true$watch10002000watcher$watchCollection$watchCollection$watchtrue$scope.$watchCollection('MyArray' , function(){
console.log($scope.MyArray);
})
$watchCollection（）如果您有一个非常大的阵列，您想在其中保持监视，那么不要使用
true$watch10002000观察者$watchCollectiondeepwatcherdeepwatcher