Ionic 2 /刷新标签中的iFrame

时间:2017-12-20 08:52:58

标签: angular ionic2

在我的离子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

  })
}

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案。 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')

    })

}