Ng2路由器无法识别子路由答案

【问题标题】：Ng2 router not recognizing child routeNg2路由器无法识别子路由
【发布时间】：2018-05-13 13:02:07
【问题描述】：

所以，我有这样的布局：

<div class="page-container">

    <app-header></app-header>

    <div class="container">
        <div class="row row-offcanvas row-offcanvas-left">

            <app-side-nav></app-side-nav>

            <app-broadcast-show></app-broadcast-show>
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

除了一个之外，所有组件都可以正常工作。这是我的路由器数组：

const appRoutes: Routes = [
    {path: 'login', component: LoginComponent},
    {path: 'register', component: RegisterComponent},
    {
        path: 'admin', component: MainComponent, children: [
        {
            path: 'dashboard',
            component: DashboardComponent
        },
        {
            path: 'fund_transfers/deposits',
            component: FundTransfersComponent,
            children: [
                {
                    path: 'edit',
                    component: DepositComponent
                },
            ],
        },
        {
            path: 'fund_transfers/withdrawals',
            component: FundTransfersComponent,
        },
        {
            path: 'profile',
            component: ProfileComponent
        },
        {
            path: 'broadcast',
            component: BroadcastCreateComponent
        }
    ]
    },
];

路线

children: [
                {
                    path: 'edit',
                    component: DepositComponent
                },
            ],

当我点击指向那里的按钮时不显示。我注册了组件，像创建其他正在工作的组件一样创建它，但它没有触发构造函数或 onInit，也没有隐藏先前的视图并显示存款/编辑。

谁有办法解决这个问题？

【问题讨论】：

标签： angular2-routing angular2-template angular2-forms angular2-services angular2-directives

【解决方案1】：

发现发生了什么。如果使用路由作为子路由，那么我需要在父 html 中设置路由器出口，而不是在第一行，在我的情况下，admin，而是在fund_transfers/deposits。

【讨论】：