2016-10-31 1 views
3

Angular2 2.1.2で名前付きルーターアウトレットを使用する際に問題があります。Angular2ルーター:コンセントが見つかりません。XOutletをYComponentにロードします。

私はエラーを取得しています:

Cannot find the outlet XOutlet to load 'YComponent'

エラーは、それ自体かなり明確ですが、私はこだわっていると、それを回避する方法を見つけることができません。

HTMLは次のようになります。

<router-outlet name="XOutlet"></router-outlet> 
<!-- Main content --> 
<div class="content-wrapper"> 
    <router-outlet></router-outlet> 
</div> 

ルートファイル:私は何をしないのです

<a [routerLink]="['other', {outlets: {'XOutlet': 'list'}}]"><span>Other</span></a> 

{ 
    path: 'other', 
    component: OtherComponent, 
    children: [ 
     { 
      path: 'list', 
      component: YComponent, 
      outlet: 'XOutlet' 
     } 
    ] 
}, 

リンクを?

おかげ

EDIT:オレグBarinovによってコメントに基づき、提供されたHTMLはないOtherComponent HTMLから、ベースHTMLの一部です。

+0

提供されたHTMLテンプレートは 'OtherComponent'のテンプレートですか? –

+0

いいえ、HTMLは基本コンポーネントの一部であり、OtherComponentは名前のないアウトレットでレンダリングされることを意味し、YComponentはXOutletでレンダリングされることを意図しています。 – Martin

+1

OKだから '[routerLink] =" ['/'、... 'を使うことができます –

答えて

3

この種の実装には<a [routerLink]="['/', {outlets: {'XOutlet': 'list'}}]"><span>Other</span></a>を使用してください。

関連する問題