Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angularjs:input [text] ngChange在值改变时触发大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
ngChange在值改变时触发(ngChange与经典的onChange事件不相似)。我如何绑定经典的onChange事件与angularjs,只会在内容提交时触发?

当前绑定:

<input type="text" ng-model="name" ng-change="update()" />
This post显示一个指令的示例,它将模型更改延迟到输入,直到 blur事件触发。

Here一个小调,显示ng变化使用新的ng模型模糊指令。注意这是一个轻微的调整到original fiddle

如果你添加指令到你的代码,你会将你的绑定更改为:

<input type="text" ng-model="name" ng-model-onblur ng-change="update()" />

这里是指令:

// override the default input to update on blur
angular.module('app',[]).directive('ngModelOnblur',function() {
    return {
        reStrict: 'A',require: 'ngModel',priority: 1,// needed for angular 1.2.x
        link: function(scope,elm,attr,ngModelCtrl) {
            if (attr.type === 'ra@L_618_12@' || attr.type === 'checkBox') return;

            elm.unbind('input').unbind('keydown').unbind('change');
            elm.bind('blur',function() {
                scope.$apply(function() {
                    ngModelCtrl.$setViewValue(elm.val());
                });         
            });
        }
    };
});

注意:作为@wjin在下面的注释提到这个功能是通过ngModelOptions直接支持Angular 1.3(目前在测试版)。有关详细信息,请参阅the docs

大佬总结

以上是大佬教程为你收集整理的Angularjs:input [text] ngChange在值改变时触发全部内容,希望文章能够帮你解决Angularjs:input [text] ngChange在值改变时触发所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。