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}); }); }); }}]);