ルータによるAlphaルータのナビゲーション

Question

新しいルータに移行しています。前に、私は持っていた：

this._router.navigate(['Main', 'Home']); 

私のルートの設定は;しかし

{path: 'Main', component: MainComponent, children:[ 
    {path: 'Home', component: HomeComponent, children:[..] 
    ....] 

、今は動作しません、以下：

this._router.navigate(['Main', 'Home']); 

それはエラーか何かを投げるdoesntの

Main (parent View) 
---Home (child View) 

は今、私は次のよう持っています。私は何が欠けていますか？新しいルータで

Answer 1

ナビゲーションは次のように動作するはずです：ホームコンポーネントの任意の子どもや家庭の子ルートのいずれかの任意のデフォルトルートが設定されているdoesntの場合

this._router.navigate(['/Main/Home']); 

Answer 2

@rinukkusuの答えが正解です。あなたはROUTER_DIRECTIVESを輸入し、directivesメタデータとしてそれを使用している

1）あなたは、ホームコンポーネントの子を持っているとして、あなたは必ず次のことを行う必要があり

、。

2）ホームコンポーネントのテンプレートには<router-outlet>があります。

3）あなたはすでにthis._router.navigate(['/Main/Home']);が動作しません、他の、その罰金家庭の子供たちのルートの1つにdefault routeを定義しています。

4）家庭の子供がデフォルトルートはどこでも、あなたが使用する必要が定義されて持っていけない場合は、this._router.navigate(['/Main/Home/someChildPath']);

は、私はこれが役立つだろう願っています。