Ionic 4 RouterLink 在注销/登录后无法正常工作

Question

我在开发 ionic 4 应用程序时遇到了一个有趣的错误。 当我注销我的应用程序并再次登录时，routerLinks 不再工作。

routerLinks 设置在卡上。 他们工作正常，直到我退出并再次登录。 没有错误，浏览器 Url 正在正确更改，但没有任何反应。

我知道这个问题与这个问题相似： ionic 4 + angular：routerLink 仅在第一次工作，我尝试了提供的解决方案，但他们没有工作..

npm i @ionic/angular不起作用。

在卡片上提供点击监听器也不起作用：

openPage(page: string) {
  this.router.navigateByUrl(this.router.url + '/' + page);
}

我的卡：

<ion-card routerLink="/developers/home/apps">
   ...
</ion-card>

我的登录方式：

login() {
    const token = this.databaseService.getToken();

    if (token) {
      this.storage.set(TOKEN_KEY, token).then(() => {
        this.authenticationState.next(true);
      });
    }
}

我的注销方法：

logout() {
    return this.storage.remove(TOKEN_KEY).then(() => {
      this.authenticationState.next(false);
    });
}

在我再次登录后，我的应用程序将我正确地路由到带有卡片视图的主页。 但在那之后我被困住了。 有什么建议么？

Answer 1

我遇到过同样的问题。
为了解决它，我使用replaceUrl: true ：

this.router.navigateByUrl('/login', { replaceUrl: true });