从指令中更改 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

Answer 2

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

如果您需要更改视图值而不触及模型值 - 您可以使用 NgModelController 中的 $formatters 和 $parsers 从视图值 (ngModel controller documentation) 更新模型值。

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