Question

所以，我有这样的布局：

<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
                },
            ],

当我点击领先的按钮时，不会显示。我注册了Component，创建了它，就像我创建了其余正在运行的组件一样，但它不是触发构造函数也不是onInit，也不是隐藏了上一个视图并显示了存放/编辑。

有人对此有任何解决方案吗？

Answer 1

发现最新情况。如果使用route作为子级，那么在父html中我需要设置router-outlet，而不是在我的情况下的第一行admin，而是在fund_transfers/deposits。

Ng2路由器无法识别子路由

1 个答案: