离子4角度：routerLink仅适用于第一次

发布时间：2020-12-17 17:30:22 所属栏目：安全来源：网络整理

导读：我现在正在从头开始开发基本应用程序时遇到一个奇怪的错误. 我使用Ionic 4 beta 19并且我将routerLink放到另一个页面,路由设置在基页模块中,如下所示： RouterModule.forChild([ { path: '',component: NewsPage },{ path: ':id',component: DetailPage }])

我现在正在从头开始开发基本应用程序时遇到一个奇怪的错误.
我使用Ionic 4 beta 19并且我将routerLink放到另一个页面,路由设置在基页模块中,如下所示：

RouterModule.forChild([
  { path: '',component: NewsPage },{ path: ':id',component: DetailPage }
])

routerLink属性设置在卡上,单击卡时效果很好,但当我返回并按下同一张卡或其他卡时,路由器根本不做任何事情.我没有收到任何错误,浏览器中的URL工作正常.怎么会这样？

编辑：另外,DetailPage没有模块,所以它基本上只是一个页面.

编辑：卡片代码如下所示：

<ion-card *ngFor="let item of items;" [routerLink]="[item.id]">
  ...
</ion-card>

在详细信息页面中,订阅了路径参数,并且：id参数将用于GET请求订阅以检索数据

解决方法

通过使用navigateByUrl来解决它,就像这样：

open(id: number) {
  this.router.navigateByUrl(this.router.url + '/' + id);
}

并为卡：

<ion-card *ngFor="let item of items;" (click)="open(item.id)">
    ...
</ion-card>

仍然不知道为什么会发生这种情况,但现在这可以解决这个问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!