无法从页面组件路由到另一个页面

时间:2016-11-10 11:02:30

标签: angular

我是角度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

请帮帮我, 感谢

1 个答案:

答案 0 :(得分:2)

您必须import { RouterModule, Routes } from '@angular/router';,然后您必须在app.tsmain.ts或<{1}}中声明您的路线,如下所示:

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()}