Возможно ли иметь многоуровневый вложенный маршрут в Angular2

Возможно ли иметь многоуровневую вложенность для угловой маршрутизации. Я пытаюсь достичь ниже, но он говорит [Дочерние маршруты не разрешены для "/cash/..". Используйте «...» в пути родительского маршрута].

Предполагаемый маршрут

/storeselector/forms - показывает все формы /forms/cash/ - пользователь выбирает кассовую форму из списка форм и при загрузке показывает все заказы /forms/cash/id:1/ показывает детали заказа /forms/cash/edit/1 редактировать заказ 1

ниже мой код.

компонент приложения

@Component({
    selector : 'forms-app',
    templateUrl : 'app/app.component.html', 
    styleUrls : ['app/app.component.css'],
    directives: [ROUTER_DIRECTIVES],
    providers: [HTTP_PROVIDERS]
})
@RouteConfig([
  { path: '/storeselector', name: 'StoreSelector', component: StoreSelectorComponent, useAsDefault: true },
  { path: '/forms/...', name: 'Forms', component: FormsComponent }
])

forms component

@Component({
    selector : 'forms-root',
    template: '<router-outlet></router-outlet>',
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
  { path: '/', name: 'Forms', component:FormsListComponent, useAsDefault: true },
    { path: '/cash/..', name: 'CashForm', component:CashFormOrderComponent, useAsDefault: false}
])
export class FormsComponent {
  constructor(private _logger : LogService) {
    this._logger.info("FormsComponent loaded");
  }
}

cashform components
@Component({
    selector : 'forms-cash',
    template: '<div></div>',
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
  { path: '/', name: 'Orders', component:CashOrdersListComponent, useAsDefault: true },
    { path: '/:id', name: 'Order', component:CashOrderComponent },
  { path: '/edit/:id', name: 'Order', component:CashOrderComponent  }
])
export class CashFormOrderComponent {
  constructor(private _logger : LogService) {
    this._logger.info("CashFormOrderComponent loaded");
  }
}



Ответы (1)


{ path: '/cash/..', name

должно быть

{ path: '/cash/...', name

Чтобы указать, что есть дочерние маршруты, требуется 3 .

person Günter Zöchbauer    schedule 05.05.2016
comment
Ах, глупый я, большое спасибо за быстрый ответ, и он разрешился. - person oypatel; 05.05.2016