angular2如何使路由成为默认路由

时间:2016-08-10 18:44:01

标签: angular angular2-routing

Angular2 rc.4-5

我有以下路线配置。

如何将任何路由设置为默认路由,因此当页面加载时,它会转到hello组件而不重定向

    let routes: RouterConfig = [

                {
                    path: 'hello',
                    component: HelloComponent
                },
                /*{
                    path: '',
                    redirectTo: '/hello',
                    pathMatch: 'full'
                },*/
                {
                    path: 'increment',
                    component: IncComponent
                },{
                    path: 'adder',
                    component: AdditionComponent
                },{
                    path: 'roman',
                    component: RomanComponent
                }
            ];
router.resetConfig(this.routes);

2 个答案:

答案 0 :(得分:2)

订单在您的路线中很重要,因此请确保首先是“默认”路线。如果你想让HelloComponent成为你的默认页面,那就像这样设置你的路由器......

{path:'', component: HelloComponent},
{path:'increment', component: IncrementComponent}

等等

答案 1 :(得分:0)

您可以按照 Matching Strategy 标题

下的here阅读更多详细信息。
[{
  path: '',
  pathMatch: 'prefix', //default
  redirectTo: 'main'
},
{
  path: 'main',
  component: Main
}]