Question

这是我的应用程序的设置：

   app.module
    |
   layout.component
        |
------------------------------------------
|             |        |                  |
feature1.module    contract.module    feature2.module
                      |
                ----------------
                        |
               contract-details.module 
                        |
             --------------------------
             |                         |
       component1                 component2

此处contract.module和contract-details.module是延迟加载的模块。现在，当我导航到{path: "" ... }的根路径（即contract.module）时，我应该获得ContractComponent的模板，但我却得到了contract-details.module的{{1}}的模板模板已加载。这是我的路线： ContractDetailsComponent：

contract.module.ts

const CONTRACT_ROUTE = [ {path: "", component: ContractComponent, children: [ {path: "main",component: ContractComponent}, {path: "details",loadChildren: "../contract-details/contract-details.module#ContractDetailsModule"}, {path: "",redirectTo: "main",pathMatch: 'full'}, ] }, ];

contract-details.module.ts

有人可以在这里指出我的错误吗？

此外，我尝试将Contract-details模块向上移动，即沿着side Contract.module向上移动，但是在const CONTRACT_DETAILS_ROUTE = [ { path: "", children: [ {path: "test",component: ContractDetailsComponent}, {path: "tempComponent",component: TempComponent}, {path: "",redirectTo: "test",pathMatch: 'full'} ] } ];内有一个router-outlet，它显示了组件路线的模板，但该模板仍未呈现在合同细节的路由器出口中，而是在父路由器出口中呈现。这里是模板代码：

contract-details.component.html

为什么子模块的根路径加载在父模块的根路径上？

0 个答案: