Как вторичная маршрутизация внутри Угловая 2

Question

У меня есть настройка маршрутизации для моего приложения с помощью. Все в порядке, но один из моих представлений загружает боковую панель, в которой я хочу использовать другую. Когда я пытаюсь добавить дополнительную маршрутизацию к компоненту, я получаю «Детские маршруты не разрешены для« xxx »использовать« ... »на пути маршрута родителя.

Кто-нибудь добавил несколько слоев маршрутизации, которые могут вам помочь? благодаря!

Answer 1

Родительские маршруты используют специальный ... синтаксис

//parent route 
@RouteConfig([ 
    new Route({path: '/', component: DemoPage, name: 'Home'}), 
    new Route({path: '/demo/...', component: DemoPage, name: 'Demo'}) 
}) 

//child routes defined in separate route config 
@RouteConfig([ 
    new Route({ path: '/spreadsheet', component: Spreadsheet, name: 'Spreadsheet' }) 
//etc 
]) 

У меня есть учебник здесь: http://www.syntaxsuccess.com/viewarticle/routing-in-angular-2.0

Вы также можете увидеть вложенные маршруты в действии здесь:

http://www.syntaxsuccess.com/angular-2-samples/#/demo/spreadsheet

Левый nav использует дочерние маршруты.