javascript - angularjs ngblur不生效 onblur生效，为什么？

问题描述

<input type='text'ng-model='$ctrl.replyString'>

这个input使用ng-blur是不会触发的，但是直接DOM绑定onblur事件是会触发，为什么？

问题解答

你用的是1还是2如果是2的话，可以<input type='text' [(ngModel)]='myModel' (blur)='onBlurMethod()'>

export class AppComponent { myModel: any; constructor(){ this.myModel = ’123’; } onBlurMethod(){ alert(this.myModel) }}回答2：

angular1的ng-blur要通过指令才能使用，指令的作用其实就是将ng-blur绑定的事件应用到onblur事件

app.directive(’ngBlur’, [’$parse’, function($parse) { return function(scope, element, attr) { var fn = $parse(attr[’ngBlur’]); element.bind(’blur’, function(event) { scope.$apply(function() {fn(scope, {$event:event}); }); }); }}]);