如何在单击离子2中的按钮时重新加载当前页面?

时间:2017-04-28 14:33:56

标签: angular ionic2

我有一个要求,我在当前页面刷新当前页面的内容,点击当前页面的刷新按钮。我浏览了几个网站,但我不太清楚这个功能。有人建议我怎么做这个?

3 个答案:

答案 0 :(得分:4)

点击刷新按钮,你可以调用页面事件方法ionViewWillEnter()

来自官方文档 - > ionViewWillEnter()当页面即将进入并成为活动页面时运行。

HTML

<button (click)="refreshPage()">Refresh Page</button>

打字稿

    ionViewWillEnter(){
            this.myDefaultMethodToFetchData();
        }

    refreshPage() {
        this.ionViewWillEnter();
    }

    myDefaultMethodToFetchData(){
        ...Do Something, when the page opens...
    }

答案 1 :(得分:0)

这将起作用!!! 在“按钮单击事件”调用的函数下提供此功能。

this.navCtrl.setRoot(this.navCtrl.getActive().component);

在页面上使用ionViewWillEnter生命周期事件。 您可以在该方法中输入正确的代码,以刷新页面上所有必要的内容。 https://ionicframework.com/docs/api/navigation/NavController/

答案 2 :(得分:-1)

尝试一下: 只需弹出一个页面,然后再次推送该页面即可。 希望这会有所帮助:)

this.navCtrl.pop(); this.navCtrl.push(NewPage);