scope.watch在設置值時觸發

Question

我注意到scope.watch只有在值發生變化時纔會觸發。現在爲了激發scope.watch每次我這樣做：

var module = angular.module('myapp', []); 

module.controller("TreeCtrl", function($scope) { 


    $scope.changeValue = function(){ 
     $scope.name = new Date(); 
    }; 

}); 

module.directive("tree", function($compile) { 
    return { 
     restrict: "E", 
     template:'<div>sample</div>', 
     link : function(scope, elm, $attrs) { 
      scope.$watch('name', function(newVal, oldVal) { 
         console.log(scope.userName);    
        }); 
     } 
    }; 
}); 

即$ scope.name = new Date（）;

是否有任何其他方式來捕獲scope.watch每當設置變量。

我fidddle是http://jsfiddle.net/xxkgxLr9/34/

是scope.watch正確的方法呢？

我的目標是從控制器每當一個範圍變量設置

Answer 1

如果可能的話只能通過setter函數來設置變量，你可以試試這個時候火了一段代碼指令：

var module = angular.module('myapp', []); 

module.controller("TreeCtrl", function($scope) { 

    $scope.changeValue = function(){ 
     $scope.updateName(new Date()); 
    }; 

}); 

module.directive("tree", function($compile) { 
    return { 
     restrict: "E", 
     template:'<div>sample</div>', 
     link : function(scope, elm, $attrs) { 
      scope.updateName = function (newVal) { 
       console.log(newVal); 
      }; 
     } 
    }; 
}); 

Answer 2

var module = angular.module('myapp', []); 

module.controller("TreeCtrl", function($scope) { 


    $scope.changeValue = function(){ 
     $scope.name = new Date(); 
     console.log($scope.name); 
    }; 

}); 

module.directive("tree", function($compile) { 
    return { 
     restrict: "E", 
     template:'<div>sample</div>', 

     link : function($scope, elm, $attrs) { 
      $scope.$watch('userName', function(newVal, oldVal) { 
         console.log($scope.userName);  
       console.log($scope.name); 
        }); 
     } 
    }; 
}); 

Answer 3

按鈕和指令元素的作用域不同。你的代碼需要修改。不應將$ compile作爲參數賦予指令函數。在控制器

數據傳遞使用範圍指令：{「名」：「@」}

 `http://jsfiddle.net/bandhavya/xxkgxLr9/35/` 

這裏隨時觀看變量名稱被更改時觸發。