角度路由 - 路由到惰性模块子路径不会启动组件

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
];