angularjs：$ watch not triggered

Question

試圖在這裏做一些簡單的事情。

在我的控制器：

$scope.testObject = { name : 'john' }; 

    $scope.$watch('$scope.testObject.name', function (e, n, v) { 
     console.log('reached'); 
    }); 

筆者認爲：

<input type="text" ng-model="testObject.name"/> 

文本框綁定到的TestObject的name屬性，並加載控制器時，代碼進入$手錶功能。

現在，如果我編輯文本框值，$ watch函數永遠不會被觸發。這是爲什麼 ？

我也嘗試設置$ watch的第三個參數爲true，沒有任何效果。

Answer 1

從您的手錶中刪除$範圍。它應該閱讀：

$scope.$watch('testObject.name', function(e,n,v){ 
    console.log("reached"); 
}); 

Answer 2

使用此：

$scope.$watch('testObject.name', function(e,n,v){ 
    console.log("reached"); 
}); 

您還可以添加其他的觀察者是這樣的：

$scope.$watch('testObject.attr1 + testObject.attr2', function(e,n,v){ 
    console.log("reached"); 
}); 

或：

$scope.$watch('testObject', function(e,n,v){ 
    console.log("reached"); 
}, true);