2016-11-10 5 views
1

私はアンゲラ2で新しく、角度2.0.0のバージョンであるng2-adminテンプレートを使用しています。 ユーザーが正常にログインしてダッシュボードページにルーティングしたような場合、コンポーネントからページをルーティングします。現在、私は "route.navigate(['dashboard'])を使用しています" 関数呼び出しの後、ルート。続き 部品側のコードです: enter image description hereページ構成要素から別のページにルーティングできません

私module.tsファイルのように自分のログインのルーティングコンポーネントがある enter image description here

です: enter image description here

:ルーティングコンポーネントとしてある enter image description here

とメイン

私を助けてください、 ありがとう

+0

ルーティングコンポーネントも転記してください。エラーはそのルートが見つからないことを示しています。 –

答えて

2

あなたはimport { RouterModule, Routes } from '@angular/router';になりますと、あなたはあなたのapp.tsまたはmain.tsに以下のようにあなたのルートを宣言しなければならないだろう。

const routes: Routes = [ 
    { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, 
    { path: 'dashboard', component: DashboardComponent }, 
]; 
@NgModule({ 
    imports: [ RouterModule.forRoot(routes) ], 
    exports: [ RouterModule ] 
}) 

その後、あなたは以下のようなあなたの対応するコンポーネントにroutesを使用することができます。

this.router.navigate(['/dashboard']); 

新しいfunctionを追加:

gotoDashBoard() { 
    console.log("coming"); 
    console.log(this); 
    this.router.navigate(['/dashboard']); 
} 

callこれはあなたのresponse => {this.gotoCrises()}にあります。

+1

ルーティングコンポーネントに宣言した場合、app.moduleで再度宣言する必要はありません –

+1

@AvramVirgil:同意します...私はOPが逃したと思っていました... – Thalaivar

+0

@RohitDeshmukh:助けてくれましたか? – Thalaivar

関連する問題