如何使用多重自动对焦<ion-input>使用 Angular 在相同组件的不同形式上

Question

我尝试了下面的一个代码，但它对我不起作用。

登录页面的 HTML

<ion-input [autofocus]="inputOneAutofocusEnabled" type="text" required></ion-input>

注册页面的 HTML

<ion-input [autofocus]="inputTwoAutofocusEnabled" type="text"></ion-input>

.ts

public inputOneAutofocusEnabled:any = true;
public inputTwoAutofocusEnabled:any = true;

Answer 1

在ts文件和nativeElement.focus()使用@ViewChild

html：

<ion-input id="login" type="text" required></ion-input>

ts：

@ViewChild('login') loginElement!: ElementRef;

ngAfterViewInit(): void {
  this.loginElement.nativeElement.focus();
}