モーダルを開いて戻って来た時にページを更新する方法

Question

ページを更新したい！

モーダルで行ったアクションをページに反映させたいのですが、
モーダルページを消しただけでは更新にならず困っています。

そのページを開き直せば、更新されているので、アクション的には問題ないことは確認済みです。

やってみたこと

ionicのページライフサイクルを参考に試してみたのですが、どれも読み込まれませんでした。

** 何か良い方法があれば教えて欲しいです！！
よろしくお願いします！！ **

コード

page抜粋

{{modalActionDisplay}}

  async presentModal() {
    const modal = await this.modalController.create({
      component: ModalPage,
      cssClass: 'my-custom-class'
    });
    await modal.present();
  }
}

ngOnInit(){
    this.storage.get('test').then(async (val) => {
        this.modalActionDisplay = val
     }
 } 

modal page 抜粋

this.storage.set('test',true)
modal.dismiess();

Comments

[miyabi_pudding]

そのモーダル表示を含めた、
HTML、JavaScriptのソースコードを記載して下さい。

[m.ts10806]

「更新」とはなんでしょう。
リロードのことなのか、一部の情報だけなのか
仕様を明示してください。
現在の内容ではそれぞれのタグとの関連性も不明です。

[fufufu000]

miyabi_takastsuk様
ご指摘ありがとうございます！
一部抜粋して追記しました。
モーダルから戻ってきた時に更新したいので、コードはあまり関係がないのかなと思い書いていませんでした。
それとも普通はモーダルから帰ってくるときは更新されるものなのでしょうか？

[fufufu000]

m.ts10806様
質問ありがとうございます。
ページのリロードをイメージしていましたが、一部の情報の更新でも大丈夫です。
最終的に、HTMLに表示される変数を更新する事ができれば問題ないです。

Answer 1

onDidDismissメソッドがあるので、それでモーダルを閉じるイベントを取得してください。

  const modal = await this.modalController.create({
    component: ModalPage,
    cssClass: 'my-custom-class',
    swipeToClose: true,
    presentingElement: this.routerOutlet.nativeEl
  });
  await modal.present();
  await modal.onDidDismiss(); // Modalが閉じるまで待機
  // ここにModalを閉じたあとのイベントを書く

https://ionicframework.com/jp/docs/api/modal

Comments

[fufufu000]

ありがとうございます！
丁寧なコードとURLのお陰で解決しました！