根据条件从懒惰路由子组件加载组件视图

时间:2020-04-14 16:36:28

标签: angular

从另一个组件中加载组件视图,该组件来自惰性路由子组件,可以刷新页面,并且可以完美加载,但是如果我更改视图,然后路由子不起作用

我有这样的PageModule

imports: [
        RouterModule.forChild([
            { path: '', component: Page },
        ]),
    ],
    exports: [
        RouterModule,
    ],
    declarations: [
        Page,
        PageV1,
        PageV2,
    ],

Page.component.ts

在这里我应该根据情况加载PageV1或PageV2组件

If (condition) {
// load PageV1
} else {
// load PageV2
}

Page.component.html

<pageV1 *ngIf=“someCondition; else secondPage></pageV1>
<ng-template #secondPage>
    <pageV2></pageV2>
</ng-template>

如果我直接将PageV2组件传递给子级,它可以正常工作,但有条件地加载不起作用,那么我在页面加载时是否犯了任何错误

0 个答案:

没有答案