Question

我正在使用AngularJS，我创建了一个需要＆＃39; ngModel＆＃39;的指令：

'use strict';
angular.module('spot.im.embed').directive('sayBox', ['$sce', '$timeout', '$parse',
    function($sce, $timeout, $parse) {
        return {
            restrict: 'EA',
            require: 'ngModel',
            scope: {
            },
            link: function(scope, iElement, iAttrs, ngModel) {
                ngModel.$viewValue = 'adasd';
            }
        }
    }
]);

由于我不知道的原因，ng-model更改不会影响视图。这是为什么？这是从指令更改ngModel值的正确方法吗？

Answer 1

$ viewValue 是属性， $ setViewValue 是您可能正在寻找的方法

link: function (scope, iElement, iAttrs, ngModel) {
    ngModel.$setViewValue('adasd');
    ngModel.$render(); // depends – if you want update input value or only model value in the scope
}

`$setViewValue(value, trigger);`

当输入指令想要更改视图值时，应调用此方法;通常，这是在DOM事件处理程序中完成的。

文档：https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

Answer 2

它不会影响视图，因为$viewValue会在显示之前在下一个摘要周期更新。

如果您需要更改视图值而不接触模型值 - 您可以使用NgModelController中的$formatters和$parsers来更改视图值（ngModel controller documentation）中的模型值。< / p>

link: function(scope, iElement, iAttrs, ngModel) {
  ngModel.$formatters.push(function(value){
    return 'adasd';
  });
}

http://plnkr.co/edit/gZslSeVa2Frq0edEbuWK?p=preview

<强> UPD：

如果您需要直接更新模型值（不仅仅是显示或解析用户输入的格式值），您可以使用$setViewValue（如Krzysztof Safjanowski答案中所述）。

修改模型值的其他方法是对隔离范围使用数据绑定：

scope: {
    ngModel:'='
},
link: function(scope, iElement, iAttrs, ngModel) {
  scope.ngModel= 'adasd';
}

http://plnkr.co/edit/l9kEU03OwI03uVUc6AQ0?p=preview

如果您没有使用隔离范围，也可以使用$parse服务来更新模型值：

 link: function(scope, iElement, iAttrs, ngModel) {
   $parse(iAttrs.ngModel).assign(scope, 'adasd');
 }

http://plnkr.co/edit/BDsaBxqgs9kJjnj8TsSz?p=preview

从指令更改ngModel值

2 个答案:

$setViewValue(value, trigger);

`$setViewValue(value, trigger);`