角2 - ネストされたルーティング

私は角度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>

出典

2017-02-01 Anonymous

推測/からの

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

出典

2017-02-01 13:33:02

URLの変更（質問は私には非常に明確ではないため）詳細は/以上、ページは変更されませんでした。 –

ルートが 'Company/products/product-details'で、ボタンが' ProductDetailsComponent'にある場合は 'Company/products/more'に変更してください。ボタンが他の場所にある場合、そのボタンは機能しません。 –

ええ、ボタンがProductDetailsComponentにあります。ボタンをクリックすると、URLは変更されますが、ページは残りのmoreDetailsComponentに移動しません。 –

角2 - ネストされたルーティング

答えて

関連する問題