javascript - Angular Watch 不适用于controllerAs 语法

Question

观看响应时遇到问题。

我有一个 SettingsCtrl 作为设置，这是我的 View :

<input  type="text" class="form-control" ng-model="settings.test.one"  />
<input  type="text" class="form-control" ng-model="settings.test.second"  />

这是我的 Controller :

app.controller('SettingsCtrl', function ($scope, settingsFactory, Test) {
  
  var vm = this;
  
  
  settingsFactory.test().then(function(response){
  
     vm.test = response;
  })
  
  /////  OR
  
  vm.test = Test; // this is from ui-router resolve
  
  
    $scope.$watch(angular.bind('vm', function () {
    return vm.test;
    }), function (newV, oldV) {
    console.log(newV, oldV); 
    });
  
    $scope.$watch(function watch(scope){
     return vm.test;
    }), function handle(newV, oldV) {
    console.log(newV, oldV);
    });
  
    $scope.$watch('vm', function (newVal, oldVal) {
        console.log('newVal, oldVal', newVal, oldVal);
    });
  
  });

我一直在寻找并找到了不同的解决方案，但没有一个有效。

**** 仅在第一次时进行监视，当加载 Controller 并且我看到控制台日志时，但是当我尝试进行更改时，观察者什么也不做。

我做错了什么？

Answer 1

如果我没记错的话，你的 $watch 会在第一次加载 Controller 时被命中，但当你更改对象中的某些内容时不会被命中。如果这是真的，请尝试以下操作:

$scope.$watch('vm', function (newVal, oldVal) {
    console.log('newVal, oldVal', newVal, oldVal);
}, true);

默认情况下，$watch 函数监视引用，因此如果您仅更改监视对象的属性，则不会触发该函数。通过在末尾添加 true，您就可以开始深入观察，并且每次更改对象的属性时都会得到提示。