在HTML页面上,当用户点击/按下F5按钮页面刷新但在刷新之前我想执行一个功能或一个简单的警报.
用户可以点击刷新按钮,按F5或Ctrl + R.
使用Angular2/4
我创建了一个自定义指令来从输入框中删除空格,该指令在 Angular 版本 7 之前完全正常工作,但在 Angular 版本 9 中不起作用。
import {
Directive,
ElementRef,
Output,
EventEmitter,
} from '@angular/core';
@Directive({
selector: '[trim]',
host: {
'(blur)': 'onBlur()'
}
})
export class TrimDirective {
@Output() ngModelChange: EventEmitter < any > = new EventEmitter();
constructor(private element: ElementRef) {}
onBlur() {
(this.element.nativeElement as HTMLInputElement).value = (this.element.nativeElement as HTMLInputElement).value.trim();
this.ngModelChange.emit((this.element.nativeElement as HTMLInputElement).value.trim());
}
}
Run Code Online (Sandbox Code Playgroud)
在模糊事件中,它应该修剪空白并更新 ngModel,但它不会更新 ngModel