更改指令中的ngModel值
我使用的是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值的正确方法吗？
回答 2
Stack Overflow用户
发布于 2014-08-10 18:10:50
$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
Stack Overflow用户
发布于 2014-08-10 18:25:02
它不会影响视图，因为在显示之前，$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
更新：
如果您需要直接更新模型值(不仅仅是用于显示或解析用户输入的格式值)，您可以使用$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');
}https://stackoverflow.com/questions/25227320
复制相似问题
腾讯云开发者
