javascript - Angular $watch |从函数返回项目

Question

我很想知道为什么我总是要这样做

$scope.$watch( function() {
   return $scope.someData;
}, function( value ) {
   console.log( value );
});

对于实际观察数据的 Angular ，为什么我必须这样做，这是真正困扰我的事情之一，因为它看起来毫无意义。

如果我这样做

$scope.$watch($scope.someData, function( value ) {
   console.log( value );
});

哪个更好，它从来没有用过？

我也经常在工厂中使用它

说$data是我要做的工厂

$scope.$watch( function() {
   return $data.someData;
}, function( value ) {
   console.log( value );
});

Answer 1

我想值得一提的是，将函数传递给 $watch 在您想监视条件时很有用:

$scope.$watch(function() { 
    return $scope.data.length > 0; 
}, function() {
    // Do something every time $scope.data.length > 0 changes
});

或

$scope.$watch(function() { 
    return $scope.prop1 && $scope.prop2;
}, function() {
    // Do something every time $scope.prop1 && $scope.prop2 changes
});