如何設置主頁通過路由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 { 
}

我認爲這是簡單或也許我已經錯了。非常感謝

來源

2017-09-17 Amir Gh

您提供的代碼段似乎有效。你可以發佈更多的代碼，甚至更好的笨蛋？控制檯（瀏覽器中的開發人員工具）是否顯示任何錯誤？ –

試試這個。將/重定向到：'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' 
} 
]), 
] 
})

來源

2017-09-17 12:27:59 alexKhymenko

謝謝，但我認爲這個問題在別的地方，因爲它還沒有解決。 :( –

你需要給家裏作爲默認的第一個，替換按照您的潰敗配置代碼段。

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 
    }, 
]), 
] 
})

來源

2017-09-17 12:31:05

如何設置主頁通過路由angular2

回答

相關問題