Question

我已经启动了带有标签模板的新ionic4（“ @ ionic / angular”：“ 4.0.0-beta.19”）应用。然后，我添加了一个新标签，并在此标签中显示了一些数据列表。每个列表项都重定向到详细信息页面。

当我转到详细信息页面时，一切正常。然后我回到列表视图。如果我想再次进入详细信息页面，则此方法不起作用（仅在重新加载整个应用程序之后）。

这是我的代码：
tabs.router.module.ts

...
  ,
  {
    path: 'tab3',
    children: [
      {
        path: '',
        loadChildren: '../tab3/tab3.module#Tab3PageModule'
      }
    ]
  },
  {
    path: 'account',
    children: [
      {
        path: '',
        loadChildren: '../account/account.module#AccountPageModule'
      },
      {
        path: 'detail/:id',
        loadChildren: './account-detail/account-detail.module#AccountDetailPageModule'
      }
    ]
  },
  ...

tabs.page.html

...
<ion-tab-button tab="account">
  <ion-icon name="send"></ion-icon>
  <ion-label>account</ion-label>
</ion-tab-button>
...

和我的列表

<ion-list>
<ion-item-sliding *ngFor="let account of accounts">
  <ion-item routerLink="detail/{{account.id}}">
    <ion-label>
      <h3>{{account.title}}</h3>
      <p>{{account.capital | currency}}</p>
    </ion-label>
  </ion-item>
  <ion-item-options side="end">
    <ion-item-option>Bearbeiten</ion-item-option>
    <ion-item-option color="danger" (click)="onDelete(account)">Löschen</ion-item-option>
  </ion-item-options>
</ion-item-sliding>

Answer 1

到子路径的链接仅在父路径的上下文中可用。使用子链接以这种方式详细说明：

<ion-item routerLink="/account/detail/{{account.id}}">

Ionic 4路由问题

1 个答案: