角度，观察$ scope的变化

Question

我正在尝试观察一个示波器，以便每次都可以重新运行一个函数，而且按照我的想象，它似乎不起作用。

所以我只有

 $scope.user = userFactory.getUser();

我的用户被从工厂拉来

然后，在单击功能中，我通过让用户单击类似的按钮将其更改为其他内容

 $scope.swapUserTest = function(){
  $scope.user = {'name' : 'new'}
}

然后，我试图仅观察它是否发生了变化-不仅仅是单击鼠标，将来还会来自多种不同的事物，因此我希望对其进行监视，以便每当发生变化时函数就会触发。 像这样的东西：

$scope.$watch($scope.user, function() {
  console.log("changed")
});

所以我以为，每当$ scope.user更改时，它就会触发，但是似乎只在它第一次从工厂进入控制器时才触发。 可以在这里使用一些指导。 谢谢！

Answer 1

您可以指定对象的属性：

$scope.$watch('user', function(newValue, oldValue) {
    // do something
});

或者您可以指定一个函数来返回您正在查看的值：

$scope.$watch(function () {
    return $scope.user;
}, function(newValue, oldValue) {
    // do something
});

Answer 2

要监视作用域的属性，请将其设置为$ watch函数的第一个参数。 注意：观察对象时，只有在整个对象发生变化时才调用手表，而该对象的属性发生变化时才被调用。 例如：

$scope.user = {"username": "john", "email": "john@smith.com"};
$scope.$watch("user", function(user) {
    console.log("users email now is:", user.email);
});

$timeout(function() {
    $scope.user = {"username": "jack", "email": "jack@rocks.com"};
}, 1000);

$timeout(function() {
    $scope.user.email = "jim@beam.com";
}, 2000);

//  after one second console outputs
// jack@rocks.com
//after 2 seconds ... nothing, even though user object's email has changed.

要“深入监视”对象，请将$ watch的第三个参数设置为true。 $ watch（“ property_name”，callback_function，true）;

或者，当您要观看对象的特定属性时，请使用

$scope.$watch("user.email", function(email) {
    console.log("user.email watch called with:", email);
});
/* 
outputs both 
user.email watch called with: jack@rocks.com
users.js:60 user.email watch called with: jim@beam.com
*/