导航url到其他页面后刷新ionic页面

Question

Iam正在使用ionic应用程序编辑配置文件和查看配置文件。编辑编辑页面的详细信息后，它将导航到查看配置文件页面。

我希望在导航后刷新查看配置文件页面。

这是editprofile.ts代码：

首先我用下面的导航

this.router.navigateByUrl('/view-profile');

通过谷歌搜索，我添加了这个来在导航后刷新视图配置文件

this.router.navigateByUrl('/view-profile')
        .then(() => {
          window.location.reload();
        });

现在发生的是，首先它被重定向到查看个人资料页面，并且没有刷新，它直接重定向到主页，主页被刷新。

请帮助我如何在从“编辑配置文件”页面导航后刷新“仅查看配置文件”页面。

谢谢

Answer 1

你应该（几乎）永远不要使用位置。在ionic中重新加载（）。这是针对（浏览器）网站的，在爱奥尼亚，你会得到一个暂时的空白屏幕，这很难看。

有几种方法可以实现你想要的。通常，您应该始终通过不同的页面传递相同的对象，Angular会在更改属性时负责更新视图。

这意味着，如果您有这样一个对象：

profile = {
    ID: 34,
    name: "Anthony",
    lastname: "Hopkins",
    age: "80"
}

您应该将此对象传递到EditProfile页面，因此当您在该屏幕中更改某些内容时，您将返回到概要文件，并且视图已经更新。这就是角度数据绑定的魔力所在。

当您进入EditProfile页面时，您可能会再次调用API以加载更多信息。在这种情况下，不要创建新的配置文件对象。而是将属性添加到之前的配置文件对象：

profile['city'] = 'London';

但好吧，让我们想象一下，现在这对你来说是不可能的。在这种情况下，当您返回到概要文件页面时，再次进行API调用并替换当前概要文件对象。Angular将刷新视图：

ngOnInit() {  // or constructor
    // do not get user data here, instead call a method
    this.getUserProfile();
}

// Call this method, instead of location.reload()
getUserProfile() {
    API.getProfile( profile => {
        this.profile = profile;  // view will refresh
    });
}

如果问题是您不知道如何将参数从一个页面传递到另一个页面，那么请搜索如何解决该疑问，但不要试图避免。

例如，您可以使用服务传递参数。在整个应用程序执行过程中，服务作为单个实例保留。所以您可以设置服务。参数，并获取服务。另一页中的参数。