如何设置主页通过路由angular2

问题描述：

在Angular2中的路由部分我的代码是这样的，但为什么主页（默认页面）不是我设置的？ app.module.ts：如何设置主页通过路由angular2

import {RouterModule} from '@angular/router'; 
@NgModule({ 
imports: [ 
RouterModule.forRoot([ 
    { 
    path: 'addProperty', 
    component: AddPropertyComponent 
    }, 
{ 
    path: 'list-property', 
    component: ListPropertyComponent 
}, 
    { 
    path: 'search-place-auto', 
    component: SearchPlaceAuto 
    }, 
    { 
    path: 'home', 
    component: HomeComponent 
    }, 
{ 
    path: '', 
    redirectTo: 'home', 
    pathMatch: 'full' 
} 
]), 
] 
})

和app.component.ts：

import {Component} from '@angular/core'; 
import {HomeComponent} from './home/home.component'; 
import {AddPropertyComponent} from './componentes/add-property.component'; 


@Component({ 
selector: 'my-app', 
template: `  
    <header-component></header-component> 
    <router-outlet></router-outlet> 
    <login></login> 
    <footer></footer> 
     ` 
}) 

export class AppComponent { 
}

我认为这是简单或也许我已经错了。非常感谢

您提供的代码段似乎有效。你可以发布更多的代码，甚至更好的笨蛋？控制台（浏览器中的开发人员工具）是否显示任何错误？ –

答

试试这个。将/重定向到：'home'，因此它将是redirectTo: '/home';位置并不重要，plunker将自动重定向到角色页面的所有航线app.routing.module

import {RouterModule} from '@angular/router'; 
@NgModule({ 
imports: [ 
RouterModule.forRoot([ 
    { 
    path: 'addProperty', 
    component: AddPropertyComponent 
    }, 
{ 
    path: 'list-property', 
    component: ListPropertyComponent 
}, 
    { 
    path: 'search-place-auto', 
    component: SearchPlaceAuto 
    }, 
    { 
    path: 'home', 
    component: HomeComponent 
    }, 
{ 
    path: '', 
    redirectTo: '/home', 
    pathMatch: 'full' 
} 
]), 
] 
})

谢谢，但我认为这个问题在别的地方，因为它还没有解决。 :( –

答

你需要给家里作为默认的第一个，替换按照您的溃败配置代码段。

import {RouterModule} from '@angular/router'; 
@NgModule({ 
imports: [ 
RouterModule.forRoot([ 
    { 
    path: 'addProperty', 
    component: AddPropertyComponent 
    }, 
{ 
    path: 'list-property', 
    component: ListPropertyComponent 
}, 
    { 
    path: 'search-place-auto', 
    component: SearchPlaceAuto 
    }, 
    { 
    path: '', 
    redirectTo: '/home', 
    pathMatch: 'full' 
    }, 

    { 
    path: 'home', 
    component: HomeComponent 
    }, 
]), 
] 
})

如何设置主页通过路由angular2

相关推荐