角度路由 - 路由到惰性模塊子路徑不會啟動組件

Question

在我的app-routing.module中，我有一個懶惰的模塊：

const appRoutes: Routes = [
    { path: 'profile/:id',
        loadChildren: './profile/profile-standalone/profile-standalone.module#ProfileStandaloneModule',
    }
];

這是我的個人資料 - standalone-routing.module-

const routes: Routes = [
    {
        path: '',
        component: ProfileStandaloneComponent,
        children: [
            {
                path: '',
                redirectTo: 'outputa',
                pathMatch: 'full'
            },
            {
                path: 'outputa',
                component: ProfileOutputComponent
            }
        ]
    }
];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class ProfileStandaloneRoutingModule { }

但是當我去url“localhost：4200 / profile / 123 / outputa”時，我的“ProfileOutputComponent”沒有被調用。

知道如何讓它工作嗎？

Answer 1

嘗試這個。

const routes: Routes = [
{
    path: 'outputa',
    component: ProfileOutputComponent
];