子路由不启动我的组件 (Angular13)

Question

我在访问子路由的子路由时遇到问题，当我转到 url 我仍然得到相同的组件并且它没有改变它。


{ path: 'PMI', component: AppContainerComponent, children: [
        { path: 'home', component: HomeComponent },

        { path: 'users', component: IndexUsersComponent, canActivate: [AdminGuard] },

        { path: 'patients', component: IndexPatientComponent, canActivate: [AdminGuard], children: [
            { path: 'basic-data/:id', component: BasicDataPatientComponent, canActivate: [AdminGuard] },
            { path: 'supplemental-data/:id', component: SupplementalDataPatientComponent, canActivate: [AdminGuard] },
        ]},
    ]},

如果我去 'PMI' 路径的子路径作为家、用户和患者它工作，但试图访问 'patients' 路径的子路径作为基本数据或补充数据没有打开组件。

这是我用于基本数据的路由，例如：

'localhost:4200/PMI/patients/basic-data/2'

Answer 1

请在 IndexPatientComponent 中添加一个 router-outlet 以使子路由生效。

子路由不启动我的组件 (Angular13)

child route does not start my components (Angular13)

angular

angular13