離子2 /刷新選項卡中的iFrame

Question

在我的ionic 2 App中，我有3個選項卡。 選項卡之一具有集成的iFrame。 我知道這不是最好的方法，但是目前我沒有其他選擇。 每當我回到帶有iFrame的標簽時，都需要刷新它。 我怎樣才能做到這一點。

目前我在tabs.html中設置：

<ion-tabs (ionChange)="tabChange()">

tabs.ts中的Funktion tabChange（）發布一個事件：

this.events.publish('tabChange', this.change)

在具有iframe的頁面中，我必須訂閱此事件：

constructor(public navCtrl: NavController, public events: Events) {

this.events.subscribe('tabChange', (n) => {

  // refresh iFrame here

  })
}

感謝您的幫助。

Answer 1

好的，我找到了解決方案。 event.subscribe必須位於ionViewDidEnter而非構造函數之內，因此每次我進入帶有iframe的頁面時都會調用該事件。

ionViewDidEnter(){

    this.events.subscribe('tabChange', (n) => {

      let src: string = this.myiframe.nativeElement.src;
      this.myiframe.nativeElement.src = src;

      this.events.unsubscribe('tabChange')

    })

}