在Angular 8中,可以使用自定义指令来实现自动聚焦。以下是一个示例解决方案:
autofocus.directive.ts
:import { Directive, ElementRef } from '@angular/core';
@Directive({
selector: '[autofocus]'
})
export class AutofocusDirective {
constructor(private elementRef: ElementRef) { }
// 在指令被绑定到元素上时自动聚焦
ngOnInit() {
this.elementRef.nativeElement.focus();
}
}
import { NgModule } from '@angular/core';
import { AutofocusDirective } from './autofocus.directive';
@NgModule({
declarations: [
AutofocusDirective
],
exports: [
AutofocusDirective
]
})
export class YourModule { }
当你的应用程序加载时,该input
元素将自动聚焦。