如何在Ionic 2中单击一个按钮时重新加载当前页面

Question

我有一个要求，我需要刷新当前页面中"刷新"按钮的当前页面的内容。我浏览了几个网站，但我不太清楚此功能。谁能建议我怎么做？

Answer 1

刷新按钮的单击，您可以调用页面事件方法ionviewwillenter((

来自官方文档 -> ionviewwillenter((在页面即将输入并成为活动页面时运行。

html

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

打字稿

    ionViewWillEnter(){
            this.myDefaultMethodToFetchData();
        }
    refreshPage() {
        this.ionViewWillEnter();
    }
    myDefaultMethodToFetchData(){
        ...Do Something, when the page opens...
    }

Answer 2

这将起作用！！！在称为"按钮"点击事件的功能下提供此功能。

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

或

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

Answer 3

在构造函数中添加它，只需替换您的页面名称

    this.navigationSubscription = this.router.events.subscribe((e: any) => {
           if (e instanceof NavigationEnd && e.url === '/page-name' && localStorage.getItem('prevUrl') === '/page-name') {
            this.ionViewWillEnter();
            this.ngOnInit
           }
        });

Answer 4

尝试以下操作：只需弹出一个页面，然后再次推开该页面。希望这会有所帮助：(

this.navctrl.pop((;this.navctrl.push(newPage(;