离子信息

Ionic:

   Ionic CLI                     : 6.19.1 (C:\Users\eight\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 6.1.7
   @angular-devkit/build-angular : 13.2.6
   @angular-devkit/schematics    : 13.2.6
   @angular/cli                  : 13.2.6
   @ionic/angular-toolkit        : 6.1.0

Capacitor:

   Capacitor CLI      : 3.5.1
   @capacitor/android : 3.5.1
   @capacitor/core    : 3.5.1
   @capacitor/ios     : not installed

Cordova:

   Cordova CLI       : not installed
   Cordova Platforms : not available
   Cordova Plugins   : not available

Utility:

   cordova-res : 0.15.4
   native-run  : 1.6.0

System:

   Android SDK Tools : 26.1.1 (C:\Users\eight\AppData\Local\Android\Sdk)
   NodeJS            : v16.14.2 (C:\Program Files\nodejs\node.exe)
   npm               : 8.10.0
   OS                : Windows 10

HTML格式

<ion-input placeholder="Search" id="searchProduct" #searchProduct clear-input="true" inputmode="search" value="Cleanser" autocomplete="off" class="fw-bold"></ion-input>

.页面.ts

import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';

@Component({
  selector: 'app-search-product',
  templateUrl: './search-product.page.html',
  styleUrls: ['./search-product.page.scss'],
})
export class SearchProductPage implements OnInit {

  constructor( private modalController: ModalController) { }  

  ngOnInit() {}
  async closeModel() {
    await this.modalController.dismiss(close);
  }
  

}

方案

让我告诉你一个场景，在家里：有一个搜索按钮，单击后，它将重定向到searchProduct.html，我希望输入字段应被触发。
这可以通过ngafterviewinit来完成吗？
请给我溶液。