標準の 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();
}