Was ist der Unterschied zwischen router.navigate und router.parent.navigate in Angular2?

Question

Eigentlich möchte ich den Unterschied zwischen router.navigate(['User']) und router.parent.navigate(['User']) kennen. In meinem Angular2-Projekt gelten für beide die gleichen Dinge.

dank

Answer 1

Sie voranbringen versuchen, auf die Strecke im aktuellen Router (router.navigate(['User']) oder auf eine eine definierte in der übergeordneten Router (router.parent.navigate(['User'])).

als eine Angelegenheit der Tatsache definiert zu navigieren, können Sie festlegen, mehrere Ebenen der Routen. wenn die User Route in der Routen Config mit dem Router verbunden sind definiert ist, router.navigate(['User']) funktioniert. wenn es in der Route Config ist in Verbindung mit dem Vater-Router wird router.parent.navigate(['User']) arbeiten.

Zum Beispiel, wenn Sie

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

Beispiel

• Im AppComponent Komponente (Anwendungskomponente):

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

• zwei Ebenen und wollen im Root-Verzeichnis navigieren, können Sie diese verwenden In der SubComponent Komponente:

In diesem Fall router.parent.navigate(['User']) für Komponenten arbeiten in Strecken der SubComponent Komponente definiert (zum Beispiel: TestComponent). router.navigate(['User']) funktioniert für Komponenten, die in Routen der Komponente AppComponent definiert sind (z. B. OtherComponent).