$ watch ngModel not firing

Question

我做了一个处理文件上传的指令，它在上传文件时有效，但在预加载数据时效果不好，因为模型上的手表没有给我预期的结果。

而那些areis代码的相关部分：

http://codepen.io/sergio0983/pen/EyLwaQ?editors=1011

的一部分，是造成我头疼的是这一个：

<div ng-app = 'app' ng-controller = 'customCtrl'> 

<file ng-model = 'doc' placeholder = 'modelEmpty' required></file> 
<file ng-model = 'existingDoc' placeholder = 'modelNotEmpty' ng-required></file> 

<div> 

JS

app.controller("customCtrl", function($scope){ 
     $scope.existingDoc = "filename.jpg" 
    }) 

app.directive("file", function($parse){ 
    return{ 
     restrict:"E", 
     require:"?ngModel", 
     scope:{ 
      ngModel:"=" 
     }, 
     transclude:true, 
     ..... 
     link:.... 

     scope.$watch(attrs.ngModel, function(newVal, oldVal){ 
      console.debug(newVal, oldVal); 
     }); 
    } 
}); 

这个w里面atch，我想在模型设置一个值时进行初始化，但对于newVal和oldVal，我总是会得到“undefined”，“undefined”。可能我错过了一些基本的东西，但是找不到任何东西。

此外，调用$ setViewValue甚至不会触发手表：maybeI误解了某些内容，但我认为$ setViewValue更改了模型值，所以我期望它触发$ watch。

有人能解释我应该怎么做所有东西的工作？我明显错过了一些东西。

Answer 1

如果你只是希望在指令双向绑定的数据，在scope和链接功能的使用$watch是=所有你需要做的（观看范围变量的名称）：

scope.$watch('ngModel', function (/* ... */) { /* ... */ }); 

这可能会造成混淆消费者的指令，如果ng-model是属性的名称，所以我建议你选择一个不同的名称（最好不与ng-前缀）。