Angular2のrouter.navigateとrouter.parent.navigateの違いは何ですか？

Question

実際にrouter.navigate(['User'])とrouter.parent.navigate(['User'])の違いを知りたいと思います。私のAngular2プロジェクトでは、両方に対して同じことを行います。

おかげ進める

Answer 1

あなたは現在のルータ（router.navigate(['User'])または親ルータ（router.parent.navigate(['User'])）で定義されたものとして定義されたルートに移動してみてください。

実際のところ、あなたが定義することができますルートのいくつかのレベル。Userルートがルータに関連付けられたルートの設定で定義されている場合、router.navigate(['User'])が動作します。それは親ルータに関連付けられたルート設定になら、router.parent.navigate(['User'])が動作します。

たとえば、あなたがしている場合

@RouteConfig([ 
    { 
    path: '/sub/...', 
    name: 'SubComponent', 
    component: SubComponent, 
    useAsDefault: true 
    }, 
    {path: '/user', name: 'User', component: UserComponent} 
    {path: '/other', name: 'Other', component: OtherComponent} 
]) 

：AppComponentコンポーネント（アプリケーションコンポーネント）で

router.navigate(['/User']); 

例

• ：二つのレベルとルートレベルに移動したい、あなたはこれを使用することができますSubComponentコンポーネント：

  この場合

  @RouteConfig([ 
      {path: '/test', name: 'Test',  component: TestComponent} 
  ]) 
  

、router.parent.navigate(['User'])は（例：TestComponent）SubComponent成分の経路で定義された成分のために動作します。 router.navigate(['User'])は、AppComponentコンポーネントのルートに定義されているコンポーネント（たとえば、OtherComponent）で動作します。