Is it possible to have a multi-level nested route in Angular2

Question

Is it possible to have a multi-level attachment for angular routing. I try to reach lower, but he says that [It is forbidden to use the children's routes "/ cash / ..". Use "..." on the parent route path].

Estimated Route

/ storeselector / forms - shows all forms / forms / cash / - the user selects the money form from the list of forms and when loading displays all orders / forms / cash / id: 1 / shows order details / forms / cash / edit / 1 edit order 1

below is my code.

application component

@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"); } } 

Answer 1

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

it should be

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

To indicate if child routes exist 3 .