如果我们遵循适当的关注点分离，父级不应该知道任何关于子级模板的信息。向子级添加一个方法，该方法关注输入，并让父级在适当的时候调用此方法。

@Component({
    /* ... */
    selector: 'app-add-guest',
    template: `
        <!-- ... -->
        <ion-input // this input here
          formControlName="guestName"
          color="light"
          type="text"
          placeholder="Guest name"
        >
        <!-- ... -->
    `,
})
export class AddGuestComponent {
  @ViewChild(IonInput) guestNameInput?: IonInput;

  focusInput(): void {
    this.guestNameInput?.setFocus();
  }
}

@Component({
    /* ... */
    template: `<app-add-guest></app-add-guest>`,
})
export class AttendeesComponent implements AfterViewInit {
  @ViewChild(AddGuestComponent) child?: AddGuestComponent;

  ngAfterViewInit(): void {
    this.child?.focusInput();
  }
}