Ionic 4 ポップオーバーをコンポーネントから閉じる 質問する

Ionic 4 ポップオーバーをコンポーネントから閉じる 質問する

標準の Ionic 4 ページ (Home) があり、新しいページ (RequestTurn) にリダイレクトするボタンのあるコンポーネント (BusinessDetails) を使用するポップオーバーを作成します。ただし、そのボタンをクリックしてもポップオーバーは閉じられず、RequestTurn ページの上部に表示されます。コンポーネント (BusinessDetails) から手動で閉じる必要があると思いますが、ポップオーバーのインスタンスは Home ページで作成されたため、そこからそのインスタンスにアクセスする方法がわかりません。これを行う方法はありますか?

ホーム

presentModal(business:Business, event: Event) {
this.popoverController.create(({
    component: BusinessDetailsComponent,
    cssClass: "business-popover",
    showBackdrop: true,
    componentProps: {
        business: business
    }
}) as any).then(popover => popover.present()); }

ビジネス詳細コンポーネント.ts

goToRequestTurn(id: string) {
   //Need to dismiss popver here (?)
   this.router.navigateByUrl(`/request-turn/${id}`); }

ご協力いただきありがとうございます。

ベストアンサー1

private popoverController: PopoverControllerコンポーネントコンストラクタに追加する

次に、このような関数を書いて、モーダルを閉じたいときに呼び出します

 async DismissClick() {
await this.popoverController.dismiss();
  }

おすすめ記事