Не могу использовать вкладку с роутером-розеткой - PullRequest
0 голосов
/ 07 октября 2018

Я делаю вид вкладки с угловым маршрутизатором, но у меня возникает проблема, когда я щелкаю элемент вкладки, он показывает маршрут, но я больше не вижу вкладку.если я удаляю розетку маршрутизатора, он все еще работает, но все еще не может видеть вкладку.У кого-нибудь есть идея?я вижу какое-то решение, использующее розетку в модуле маршрутизации и добавляющее имя для розетки маршрутизатора, но оно показывает, что не может соответствовать ни одному маршруту ...

мой корневой маршрут:

const dashboardRoutes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    children: [
      {
        path: '',
        pathMatch: 'full',
        children: [

          {
            path: 'orders',
            redirectTo: 'orders'
          },
        ]
      },
      {
        path: 'orders',
        loadChildren: './orders/orders.module#OrderModule'
      },
    ]
  }
];

мой модуль маршрута заказа:

const orderRoutes: Routes = [
  {
    path: '',
    component: OrdersComponent
  },
  {
    path: 'orderconfirmed',
    component: OrderconfirmedComponent
  },
  {
    path: 'orderoutfordelivery',
    component: OrderOutForDeliveryComponent
  },
  {
    path: 'orderdelivered',
    component: OrderDeliveredComponent
  },
  {
    path: 'ordercanceled',
    component: OrderCanceledComponent
  },
  {
    path: 'all',
    component: OrderAllComponent
  }
];

в моем компоненте заказа.если я прокомментирую роутер-розетку, она все еще работает, но не видит вкладку:

<div class="row">
  <div class="col-xs-12">
    <app-ordertab></app-ordertab>
  </div>
</div>

<div class="row">
  <div class="col-xs-12">
    <!-- <router-outlet></router-outlet> -->
  </div>
</div>
...