i
import { Directive, HostListener, ElementRef } from '@angular/core';
import { NgModel } from '@angular/forms';
@Directive({
selector: '[appTrimOnBlur]',
providers: [NgModel],
})
export class TrimOnBlurDirective {
constructor(private el: ElementRef, private ngModel: NgModel) {
}
@HostListener('blur', ['$event.target'])
onBlur(target: HTMLInputElement) {
console.log("aaaaaaaa");
let test = target.value.trim()
this.ngModel.update.emit(test);
}
}
NgModel 是Angular中的一个指令,用于双向数据绑定。它位于@angular/forms模块中,而不是@angular/core模块中。因此,在使用NgModel之前,需要先在模块中导入FormsModule或ReactiveFormsModule。