<router-outlet></router-outlet>我正在尝试在 Angular Material 弹出对话框中使用。但是,路由器出口部分不会呈现任何内容,也不会将任何内容记录到控制台。
如果我将 添加<router-outlet></router-outlet>到弹出对话框的组件(ContextBuyerPinComponent)的 HTML 内容中,那么它就可以正常工作。
路线如下:
const demoRoutes: Routes = [
{
path: 'demo',
children: [
{ path: 'register-email', component: RegisterEmailComponent },
{
path: 'context-buyer-pin',
component: ContextBuyerPinComponent,
children: [
{ path: 'services', component: ContextPinServicesComponent },
{ path: 'emails', component: ContextPinEmailsComponent },
{ path: 'details', component: ContextPinDetailsComponent }
]
}
]
}
];
Run Code Online (Sandbox Code Playgroud)
该对话框是通过 ContextBuyerPinComponent 打开的,如下所示
this.matDialog.open(ContextBuyerPinDialogComponent, this.config);:
ContextBuyerPinDialogComponent HTML 如下:
const demoRoutes: Routes = [
{
path: 'demo',
children: [
{ path: 'register-email', …Run Code Online (Sandbox Code Playgroud)