angular - 动态对话框中的 PrimeNG 步骤

Question

我在primeNG页面上创建了一个步骤组件，我想把他放在一个动态对话框中，但是在应用它之后，“步骤1”和“步骤2”没有呈现。

查看代码，我发现关键部分是我们打开对话框的方式。我们从 PrimeNG 样本中

show() {
    const ref = this.dialogService.open(CarsListDemo, {
        header: 'Choose a Car',
        width: '70%'
    });
}

这会直接渲染组件（或者......如何传递路由？）对于步骤，我们需要定义routerLink来定义步骤导航。

 this.items = [{
                label: 'Personal',
                routerLink: 'personal'
            },
           {//more steps}

路由

@NgModule({
    imports: [
        RouterModule.forChild([
            {path:'',component: StepsDemo, children:[
                {path:'', redirectTo: 'personal', pathMatch: 'full'},
                {path: 'personal', component: PersonalDemo},
                {path: 'confirmation', component: ConfirmationDemo},
                {path: 'seat', component: SeatDemo},
                {path: 'payment', component: PaymentDemo}
            ]}
        ])
    ],
    exports: [
        RouterModule
    ]
})

作为简历，我在定义对话框中的步骤时遇到了一些问题。当我们这样做

this.dialogService.open(CarsListDemo...

我们叫哪条路线？或者如何在open方法上定义路由？

标签： angularprimengangular-routing