大佬教程收集整理的这篇文章主要介绍了angularjs – 如何根据用户输入的$viewValue更新更新ngModel的$modelValue,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
以下html:
<input ng-model="name" my-directive></input>
基本上,每当用户更改输入时,my-directive理想情况下将内部模型值更改为“foo”,同时保持视图值不变.
但是当我在相应的控制器中打印出$scope.name时,它不会记录“foo”,它会记录用户输入的内容.
似乎ngModelCtrl.$modelValue不是控制器正在访问的 – 我是否错误地接近了这个问题?
(另外观看范围内的ngModel感觉真的错了,但我不确定是否有任何其他方式.任何建议都会非常感激!)
$viewChangeListeners
专为此目的而设计,并避免在NgModel上创建任何额外的监视.您还可以删除ngModel上的双向绑定设置.
我能想到这种方式.
.directive('myDirective',function($parsE) { return { reStrict: 'A',ngModelCtrl) { /*Register a viewchange listener*/ ngModelCtrl.$viewchangelisteners.push(function(){ /*Set model value differently based on the viewvalue entered*/ $parse(attrs.ngModel).assign(scope,ngModelCtrl.$viewValue.split(',')); }); } } });
在思考它时(Credits @Cody),在使用$parser时,它变得更简洁和恰当.
ngModelCtrl.$parsers.push(function(val) { return val.split(',') });
以上是大佬教程为你收集整理的angularjs – 如何根据用户输入的$viewValue更新更新ngModel的$modelValue全部内容,希望文章能够帮你解决angularjs – 如何根据用户输入的$viewValue更新更新ngModel的$modelValue所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。