Ionic4路由配置

ionic 4路由配置方法：
步骤一：先新建一个page页面
$ ionic g page excute
步骤二：在tabs.module.ts里导入

import { ExcutePageModule } from '../pages/sub/excute/excute.module';

@NgModule({
    imports: [
        IonicModule,
        CommonModule,
        FormsModule,
        TabsPageRoutingModule,
        ExcutePageModule,
    ],
    declarations: [TabsPage]
})

步骤三.在tabs.page.html中 添加

<ion-tab tab="excute">
        <ion-router-outlet name="excute"></ion-router-outlet>
 </ion-tab>

步骤四.在tab.router.module.ts中添加
头部添加

import {ExcutePage} from '../pages/sub/excute/excute.page';

在routes的children下添加

 { path: 'excute', outlet: 'excute', component: ExcutePage }

步骤五： 在相应的调用excutePage的页面添加调用，如这里是在homePage中调用ExcutePage
eg：
在home.pag