我试图从一个指令内部角度观察控制器的$ viewValue。
小提琴：http://jsfiddle.net/dkrotts/TfTr5/5/
function foo($scope,$timeout) {
$scope.bar = "Lorem ipsum";
$timeout(function() {
$scope.bar = "Dolor sit amet";
},2000);
}
myApp.directive('myDirective',function() {
return {
restrict: 'A',require: '?ngModel',link: function (scope,element,attrs,controller) {
scope.$watch(controller.$viewValue,function() {
console.log("Changed to " + controller.$viewValue);
});
}
}
});
就这样，$ watch功能没有捕捉到在控制器内部2秒钟之后完成的模型更改。我失踪了什么
$ watch接受在该范围内要观看的属性的“名称”，您要求它观看该值。更改它来观看attrs.ngModel，返回“bar”，现在你正在观看scope.bar。您可以以相同的方式获取该值，或者使用范围[attrs.ngModel]，这就是说scope [“bar”]再次与scope.bar相同。
scope.$watch(attrs.ngModel,function(newValue) {
console.log("Changed to " + newValue);
});
要澄清user271996的注释：scope。使用$ eval是因为可以将对象符号传递到ng-model属性中。即ng-model =“someObj.someProperty”，因为scope [“someObj.someProperty”]无效，因此将无法正常工作。范围。$ eval用于将该字符串评估为实际对象，以便scope [“someObj.someProperty”]变为scope.someObj.someProperty。
