Angular 角度8-子组件未渲染

我有三个路由第一个路由包括两个子路由，第一个子路由正在渲染，但第二个子路由没有渲染，在url内部我获得了它的完整地址，但没有显示任何模板，事实上它显示了它的父模板，如果我添加了路由器出口，它将渲染我不想渲染的两个

以下是第二条路线及其子路线：

const routes: Routes = [
    {
        path: 'temp-details',
        component: TempDetailsComponent,
        children: [
            {
                // The problem is here
                // This component not rendering in its parent TempDetails 
                path: 'temp-credit',
                component: TempCreditComponent,
                data: {
                    title: extract('Temp credit')
                }
            }
        ],
        data: {
            title: extract('Temp details')
        }
    }
];

这将进入临时信贷路由.ts中：

const routes: Routes = [
    {
        path: '',
        component: TempCreditComponent,
        data: {
            title: extract('Temp credit')
        }
    }
];

临时详细信息模块ts

@NgModule({
    declarations: [TempDetailsComponent],
    imports: [
        CommonModule,
        TempDetailsRoutingModule,
        MaterialModule,
        TranslateModule,
        FlexLayoutModule,
        ReactiveFormsModule,
        PageHeaderModule,
        TempCreditModule,
    ],
})
export class TempDetailsModule { }

@NgModule({
    declarations: [TempCreditComponent],
    imports: [
        CommonModule,
        TempCreditRoutingModule,
        TranslateModule,
        MaterialModule,
        ReactiveFormsModule,
        FlexLayoutModule,
        PageHeaderModule,
    ]
})
export class TempCreditModule { }

临时学分模块ts

@NgModule({
    declarations: [TempDetailsComponent],
    imports: [
        CommonModule,
        TempDetailsRoutingModule,
        MaterialModule,
        TranslateModule,
        FlexLayoutModule,
        ReactiveFormsModule,
        PageHeaderModule,
        TempCreditModule,
    ],
})
export class TempDetailsModule { }

@NgModule({
    declarations: [TempCreditComponent],
    imports: [
        CommonModule,
        TempCreditRoutingModule,
        TranslateModule,
        MaterialModule,
        ReactiveFormsModule,
        FlexLayoutModule,
        PageHeaderModule,
    ]
})
export class TempCreditModule { }

TempCreditModule包含在

app.module.ts

和

temp details.module.ts

中，组件也已在其自己的模块中声明

此组件的面包屑如下所示：

---

Home>credits>temp details>temp credits

您必须在

TempDetailsComponent

中有一个

路由器出口

，因为这是渲染路由子级的地方。在

TempDetailsComponent

中，除了

路由器出口

之外，可能没有其他东西

大概是这样的：

const routes:routes=[
{
路径：“临时详细信息”，
component:TempParentComponent，//你能显示这个路由的module.ts吗？
TempDetailsComponent
只是另一个页面吗？是的，这是另一个有自己模板的页面，但它依赖于它父TempDetails！@Kenny，问题更新了！谢谢你的兴趣！这两个组件都将被呈现！！这是成功的吗？还是问题？你能吗u描述您想在哪个路由上查看哪些组件？不，不是，使用
路由器出口
我都可以看到，第二个子页面是另一个页面，它依赖于其父页面TempDetails@swordfish扩展了我的答案。所以我要做的就是向家长添加
路线出口
，谢谢，效果很好：）