4

我有一个在 input=text 标签上使用的属性指令，如下所示：

<input type="text" ng-model="helo" my-directive />

在我的指令中，我尝试使用 ngModelController 来保存输入的初始值，在这种情况下，是与它关联的 ng-model 的值。

指令是这样的：

app.directive('myDirective', function () {
   return {
            restrict: "A",
            scope: {

            },
            require: "ngModel",
            link: function (scope, elm, attr, ngModel) {
              console.log("hi");
              console.log(ngModel.$modelValue);
              console.log(ngModel.$viewValue);
              console.log(elm.val());
            }
   }
});

问题是 ngModel.$modelValue 是空的，可能是因为在初始化指令时 ngModel 尚未更新为正确的值。那么，如何在我的指令中存储在我的输入字段上设置的第一个值？

如何正确访问 ngModel.$modelValue 以使其具有正确的值？

我也会感谢解释为什么这不起作用，因为我通过阅读文档并没有清楚地理解这一点。

Plunkr 完整示例：http ://plnkr.co/edit/QgRieF

4

1 回答 1

5

$watch在 myDirective 中使用

 app.directive('myDirective', function () {
    return {
        restrict: "A",
        scope: {
            
        },
        require: "ngModel",
        link: function (scope, elm, attr, ngModel) {
          
          var unwatch = scope.$watch(function(){
            return ngModel.$viewValue;
          }, function(value){
            if(value){
              console.log("hi");
              console.log(ngModel.$modelValue);
              console.log(ngModel.$viewValue);
              console.log(elm.val());
              unwatch(); 
            } 
          });
          
        }
     }
 });

演示见此链接

于 2014-09-25T04:11:34.400 回答