Angularjs 2ルーティング：ログイン後にダッシュボードにリダイレクト

Question

私はAngular2 beta.14を使用しています。

ダミーのログインを作成してから、保護された概要ページにユーザーをリダイレクトして、他のコンポーネントへのリンクを設定します。ログイン前

このよう

、

1. 、localhost:3000/をご覧いただくか、任意の保護されたページは、ユーザーがログインした後、今localhost:3000/overview

にユーザーをリダイレクトlocalhost:3000/dummylogin

にリダイレクトされます、持っています

app.componentから/dummylogin

overview.componentのルートの設定が含まれている - など

dummy-login.componentを/updateのルート設定が含まれている - ログインコンポーネントで/overview

のルートの設定が含まれている、私はにユーザーをリダイレクトするthis.router.navigateByUrl(['Overview'])を使用しようとしましたダミー認証を行った後で、Overviewコンポーネント。しかし、私はこのエラーを受けました

ORIGINAL EXCEPTION: Child routes are not allowed for "/dummylogin".  
Use "..." on the parent's route path. 

このエラーメッセージは私には意味がありません。そして、私が正しい方向にいるかどうかはわかりません。任意のアイデアをいただければ幸いです。

Answer 1

"/ dummylogin"には子供のルートは許可されていません。親のルートパスで「...」を使用します。 、アプリを動作させるために、ルーティングの子を定義する必要があり、エラーからの明らかなように

ますので、この

@RouteConfig([ 
{ path: '/dummylogin/...', as: 'DummyLogin', component: DummyLogin} 
]) 

ようdummyloginのルーティングの追加に/...を追加する必要がありますので、 angular2のルーティングルールに従って、あなたは子ルーティング時か、ルーティングを定義し、リースでこのようなデフォルトルートを1つ定義する必要がありdummyloginでとてもuseAsDefault: true

に1つのルートを定義する必要があります -

@RouteConfig([ 
{ path: '/overview', as: 'overview', component: overview, useAsDefault : true} 

.... 

]）

は、それがまだ同じエラーMSGを促す

• How to use child routes in Angular 2

Answer 2

/で始まり、/ dummyloginに行き、/ dummylogin/overview - childルートに行きましょう。おそらくスラッシュのない相対パスとして扱われます。私はthis.router.navigateByUrl(['/Overview'])を使うべきだと思います。

Answer 3

ダミーのログインルートは親アプリコンポーネントの子ルートなので、アプリのRouteConfigにそのルートを指定する必要があります。これは、そのルートのパスの最後に/...を追加することによって行われます。

例：

@RouteConfig([ 
    { path: '/dummylogin/...', as: 'DummyLogin', component: DummyLogin } 
]) 
export class AppComponent { 
... 
} 

編集：私はあなたががdummyloginの子ルートとして概要を持ちたいとは思わない

は、そうしたいよ何で両方のルートを定義することです親アプリケーションコンポーネントのRouteConfigを呼び出し、依存関係注入を使用してログインコンポーネント内のルータにアクセスします。私は作ったplunker example