我想用Ionic 4创建一个标签式应用程序,但是标签页面应该是动态的 . 我对标签的方法是这样的:
<ion-tabs>
<ion-tab [href]="'tabs/(one:'+ tabs[0].deeplink +')'">
<ion-router-outlet name="one"></ion-router-outlet>
</ion-tab>
<ion-tab [href]="'tabs/(two:'+ tabs[1].deeplink +')'">
<ion-router-outlet name="two"></ion-router-outlet>
</ion-tab>
</ion-tabs>
如您所见,我只知道在运行时通过哪个Tab-Button路由到哪个组件 . 这就是我将“deeplink”属性传递给href的原因 . 这基本上就是我的道路 . 我认为通过定义链接的出口,Angular会选择那个特定的出口 . 但它并没有走出大门 .
我必须定义这样的路径:
{
path: 'tabs',
component: TabsPage,
children: [
{
path: 'Home',
outlet: 'one',
component: HomePage
},
{
path: 'welcome',
outlet: 'one',
component: WelcomePage
}, {
path: 'Home',
outlet: 'two',
component: HomePage
},
{
path: 'welcome',
outlet: 'two',
component: WelcomePage
}
}
由于我有多达五个标签和超过20个不同的动态页面,因此定义所有可能的路线是相当繁琐的 .
有没有办法允许一个路径的多个出口,让URL在运行时选择它?有没有更好的方法来定义这种路由结构?