想要导航到页面时无法匹配任何路线

Question

伙计们

我是Angular的新用户，在我的登录页面中，如果登录成功，我想重定向到以下所示的组件页面：

  this.router.navigate(['/overview.component.html']);
  

无法匹配任何路线。网址段：“ overview.component.html”

我的概述组件是：

selector: 'app-overview',
templateUrl: './overview.component.html',

我是否应该在导航中写出templateurl？如果是，为什么会给我错误？

这是我的模块。

    RouterModule.forRoot([
                   
                      {path:'',component:LoginComponent},
                      {path:'app-events',component:EventsComponent},
                      {path:'app-turbine-comparison',component:TurbineComparisonComponent}

 ]),

Answer 1

您需要将此路由添加到路由模块：

  RouterModule.forRoot([            
    {path:'',component:LoginComponent},
    {path:'app-events',component:EventsComponent},
    {path:'app-turbine-comparison',component:TurbineComparisonComponent}

    //Add additional route here
    {path:'app-overview', AppOverviewComponent},
 ]),

然后像这样导航到它：

  this.router.navigate(['/app-overview']);