Angular 离子4路由问题
我已经用tabs模板启动了一个新的ionic4(“@ionic/angular”:“4.0.0-beta.19”)应用程序。然后我添加了一个新选项卡,在这个选项卡中,我在列表中显示一些数据。每个列表项都重定向到详细信息页面 当我进入详细页面时,一切正常。然后我回到列表视图。如果我想再次转到详细信息页面,这将不起作用(只有在重新加载整个应用程序之后) 这是我的代码:Angular 离子4路由问题,angular,ionic-framework,ionic4,Angular,Ionic Framework,Ionic4,我已经用tabs模板启动了一个新的ionic4(“@ionic/angular”:“4.0.0-beta.19”)应用程序。然后我添加了一个新选项卡,在这个选项卡中,我在列表中显示一些数据。每个列表项都重定向到详细信息页面 当我进入详细页面时,一切正常。然后我回到列表视图。如果我想再次转到详细信息页面,这将不起作用(只有在重新加载整个应用程序之后) 这是我的代码: tabs.router.module.ts ... , { path: 'tab3', children:
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>
{{account.title}}
{{account.capital | currency}
贝尔贝滕
洛申
到子路由的链接仅在父路由上下文下可用。 使用子链接可通过以下方式查看详细信息:
<ion-item routerLink="/account/detail/{{account.id}}">