2017-02-01 8 views
0

Я начинаю с углового 2, и я пытаюсь выполнить некоторую практику маршрутизации. У меня есть кнопка на productDetailComponent. Теперь, когда я нажимаю кнопку, он хочет, чтобы страница переходила к moreDetailComponent.Угловая 2 - Вложенная маршрутизация

export const TutorialRoutes: Routes =[ 
i w 
    { 
    path: 'Company', 

    component: CompanyComponent, 
    children: [ 
     {path: '', redirectTo: 'people'}, 
     {path: 'price', component: PriceComponent}, 

     {path: 'products', component: ProductComponent, 

     children:[ 

      {path: '', redirectTo:'product-details'}, 
      {path:'product-details', component:ProductDetailsComponent}, 
      {path:'more',component: MoreDetailsComponent} 

     ] 

     }, 


    ] 

    } 
]; 

// кнопку для перехода на страницу (moreDetailsComponent)

<button routerLink="more">Add</button> 

ответ

1

Предположения (потому что вопрос не совсем ясно для меня)

<button routerLink="../more">Add</button> 
+0

изменения URL-адрес в/из детали в/больше, но страница не изменилась. –

+0

Маршрут должен быть 'Company/products/details-details' и изменен на' Company/products/more', если кнопка находится в 'ProductDetailsComponent'. Если кнопка находится в другом месте, она не должна работать. –

+0

Да, кнопка находится в ProductDetailsComponent. Когда я нажимаю на кнопку, url изменяется хорошо, но страница остается, не переходит к moreDetailsComponent –

Смежные вопросы