从指令更改ngModel值

Question

我正在使用AngularJS,我创建了一个需要'ngModel'的指令:

'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