Est-ce que angular2 prend en charge les états / routes nesteds?

Est-ce que angular2 prend en charge les états / routes nesteds? Par exemple, dans un port de visualisation, il y a 2 liens et en cliquant sur un lien spécifique, il présente une vue qui a plus d’un lien mais qui est spécifique au lien précédent.

Oui.

J’ai fait quelques démonstrations: http://plnkr.co/edit/IcnEzZ0WtiaY5Bpqrq2Y?p=preview

import {Component, View, Input} from 'angular2/core'; import { RouteConfig, Router, RouteParams, ROUTER_DIRECTIVES } from 'angular2/router'; import {PersistentRouterOutlet} from './persistent-router-outlet'; @Component({}) @View({ template: 'product info here' }) class ProductInfo { } @Component({}) @View({ template: 'buy here' }) class ProductBuy { } @Component({}) @View({ directives: [...ROUTER_DIRECTIVES, PersistentRouterOutlet], template: ` 

Product {{pid}}

Show Info Go Buy
` }) @RouteConfig([ {path: '/info', name: 'Info', component: ProductInfo, useAsDefault: true} {path: '/buy', name: 'Buy', component: ProductBuy} ]) class Product { pid constructor(params: RouteParams) { this.pid = params.get('pid') } } @Component({}) @View({ directives: [...ROUTER_DIRECTIVES], template: ` info about the store ` }) class StoreInfo { } @Component({ selector: 'my-app', providers: [], directives: [...ROUTER_DIRECTIVES, PersistentRouterOutlet] , template: ` ` }) @RouteConfig([ {path: '/', name: 'StoreInfo', component: StoreInfo, useAsDefault: true} {path: '/product/:pid/...', name: 'Product', component: Product} ]) export class App { }

Voici la doc: https://angular.io/docs/ts/latest/guide/router.html#!#child-router

Notez qu’il y a un problème avec les tabs persistants: Routage Angular2: tabs de routes persistants et routes enfants https://github.com/angular/angular/issues/6634

Avec la nouvelle version du routeur, si vous souhaitez utiliser des routes nestedes, voici un exemple de définition du chemin

 { path: 'search', component: SearchComponent, children: [ { path: 'results/:id', component: ResultsComponent }, ] } 

et dans votre modèle SearchComponent, ajoutez