1

角度ルーティングに複数レベルのネスティングを使用することは可能ですか?私は以下を達成しようとしていますが、[子供のルートは "/ cash/.."には許可されていません。親のルートパスで "..."を使用します。ルート複数レベルのネストされたルートをAngular2にすることは可能ですか

/storeselector /フォーム対象

- すべてのフォーム /フォーム/現金/示して - フォームのリストからユーザーを選択し、現金の形をし、負荷にはなりますが示すすべての注文 /フォーム/現金/ ID: 1 /詳細を表示 /フォーム/現金/編集/ 1編集の順序1

私のコードです。

アプリコンポーネント

@Component({ 
    selector : 'forms-app', 
    templateUrl : 'app/app.component.html', 
    styleUrls : ['app/app.component.css'], 
    directives: [ROUTER_DIRECTIVES], 
    providers: [HTTP_PROVIDERS] 
}) 
@RouteConfig([ 
    { path: '/storeselector', name: 'StoreSelector', component: StoreSelectorComponent, useAsDefault: true }, 
    { path: '/forms/...', name: 'Forms', component: FormsComponent } 
]) 

forms component 

@Component({ 
    selector : 'forms-root', 
    template: '<router-outlet></router-outlet>', 
    directives: [ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    { path: '/', name: 'Forms', component:FormsListComponent, useAsDefault: true }, 
    { path: '/cash/..', name: 'CashForm', component:CashFormOrderComponent, useAsDefault: false} 
]) 
export class FormsComponent { 
    constructor(private _logger : LogService) { 
    this._logger.info("FormsComponent loaded"); 
    } 
} 

cashform components 
@Component({ 
    selector : 'forms-cash', 
    template: '<div></div>', 
    directives: [ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    { path: '/', name: 'Orders', component:CashOrdersListComponent, useAsDefault: true }, 
    { path: '/:id', name: 'Order', component:CashOrderComponent }, 
    { path: '/edit/:id', name: 'Order', component:CashOrderComponent } 
]) 
export class CashFormOrderComponent { 
    constructor(private _logger : LogService) { 
    this._logger.info("CashFormOrderComponent loaded"); 
    } 
} 

答えて

1
{ path: '/cash/..', name 

は、子ルート3 .がある示すために

{ path: '/cash/...', name 

である必要があり、迅速ANSため

+0

AHHHHH愚かな私のおかげで非常に多くを必要とし、それが持っています解決されました。 – oypatel

関連する問題