Jak mogę dynamicznie pozycjonować <router-outlet> w zależności od adresu URL?

Question

mam złożony interfejs gdzie mam listę dynamicznych elementów (wyobrazić widget akordeon) w stronie (tutaj o stronie) i gdy zgłoszę URL:

/about/item/1 

go „Trasy” do jeden z elementów akordeonu i ładuje zawartość w pozycji klikniętej listy (jedna pozycja na akordeonie).

Konkretnie, co chcę zrobić to:

@Component({ 
    selector: 'app-about', 
    template: ` 
     <ul> 
      // dynamic list 
      <li> 
       <a [routerLink]="['/about/item', 1]">Item 1</a> 
       // <router-outlet></router-outlet> 
       // if url is /about/item/1 
      </li> 
      <li> 
       <a [routerLink]="['/about/item', 2]">Item 2</a> 
       // <router-outlet></router-outlet> 
       // if url is /about/item/2 
      </li> 
     </ul>   
    ` 
}) 
export class AboutComponent { } 

używam kątowa: 2.0.0-rc.4, kątowe/router: 3.0.0-beta.2

To nie wydaje się być właściwą praktyką. Jak mogę to zrobić "drogą kanciastą"?

Thanks a lot

Answer 1

Mógłbyś podać nazwiska router spustów oraz określić nazwę na trasie którego wylocie komponent powinien być dodany do

<router-outlet name="a"></router-outlet> 
<router-outlet name="b"></router-outlet> 

{ path: 'a', component: A, outlet: 'a'} 
{ path: 'b', component: B, outlet: 'b'} 

Patrz także

• https://angular.io/docs/ts/latest/api/router/index/RouterConfig-type-alias.html
• https://angular.io/docs/ts/latest/guide/router.html