繁体   English   中英

我如何使用AngularJS在select标签中使用onSelect而不是ng-change

[英]How can I use onSelect instead of ng-change in my select tag using AngularJS

我想将onSelect事件用于我的选择标签,而不是ng-change事件。

我在代码中使用ng-change事件时遇到了一些问题,同时我在更新页面上对设置值进行自动更新时对onChange函数进行了调用,并且该函数中进行了一些计算,因此该计算会自动获得调用,并且许多事情都与一个函数有关。

因此,我只想在我从选择框中选择任何值时才调用函数,如果您有合适的解决方案,请回复。

您需要在输入代码中添加指令。

如果将指令添加到代码中,则将绑定更改为:

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

这是指令:

//覆盖默认输入以在模糊时更新

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 === 'radio' || attr.type === 'checkbox') return;

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

Reff: Angularjs:输入[text] ngChange在值更改时触发

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM