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

前端之家收集整理的这篇文章主要介绍了离子4角度:routerLink仅适用于第一次前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我现在正在从头开始开发基本应用程序时遇到一个奇怪的错误.
我使用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>

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

猜你在找的Angularjs相关文章