2017-02-11 8 views
1

何らかの条件でルーティングする以外はすべて正常に機能するananglarアプリケーションを構築しています。私はメインページに移動するために、これを使用していますルーティングが正常に動作しない場合があります

this._router.navigate([ '']);私は、ページ上の

export const LoginRoutes: Route[] = [ 
    { 
     path: '', 
     component: LoginComponent, 
    }, 
    { 
     path: 'signup', 
     component: SignUpComponent 
    } 
]; 

http://localhost:3000/dashboard/viewproduct

と私はコンポーネントにログインするためにナビゲートしていた内部のログアウトボタンをクリックし、いつかそのは完全に働いたが、いつかそのがstucked取得し、同じページに移動します:

http://localhost:3000/dashboard/viewproduct 

私は何が間違っているか分かりませんでしたか? 誰かがこの問題に直面しているかどうかをご提案ください。あなたがchildrenまたはredirectToせずに空のパスのルートを持っている場合

+0

[どのルートにも一致しない可能性があります。 URLセグメント: '':子ルートとNg2を使用しようとすると(http://stackoverflow.com/questions/40566685/cannot-match-any-routes-url-segment-when-trying-to-use-child- routes-and-ng) –

+0

Hmmm ...よく分かりませんが、常にうまく動作しています。ちょうど私は自分のアプリケーションにログインして30分間アイドル状態にしてからこの問題に直面しました。再び履歴をクリアした後、その作業。 – Rohitesh

答えて

0

それはさらにルートを照合しようとして停止することができますルータを伝えるために

export const LoginRoutes: Route[] = [ 
{ 
    path: '', 
    component: LoginComponent, 
    pathMatch: 'full' 
}, 
{ 

ようpathMatch: 'full'を使用しています。

+0

これも機能しません。しかし、歴史を清掃したあと、再度作業してください。 – Rohitesh

+0

'this._router.navigate(['/']);を'/'で使用してください。そうしないと、ルータはあなたの現在のルートを基準にしたルートを想定します。ルート定義には ''/'があるべきではありませんが、' 'routerLink''や' 'router.navigate(...)' 'の絶対パスが必要です。 –

+0

これも動作しません – Rohitesh

関連する問題