如何配置路由器Angular2我重定向到一個缺省路由(或任何其他),如果我去到一個不存在的路線?Angular2備用路線
回答
我發現此解決方案
{ component: HomeComponent, path: "", pathMatch: "full" },
{ component: LoginComponent, path: "/login" },
{ component: NotFoundComponent, path: "**" }
重定向默認路由(/
),請參閱Route
api docs。只需設置默認路由的useAsDefault
參數true
舉例來說,如果你有一個路線定義如下:
@RouteConfig([ {path: '/home', component: HomeCmp, name: 'Home', useAsDefault: true} ])
的/
路線將被重新路由到/home
正如OP提到在他的回答中,將所有未定義路線重定向到某一路線,請使用
@RouteConfig([ /*...,*/ {path: '/**', redirectTo: ['Home']} ])
你試過嗎? –
是的。當我到達一臺電腦時,我會嘗試搭建一個有效的示例。如果遇到問題,可能是服務器未配置爲將未知路由路由到您的index.html文件。嘗試使用'HashLocationStrategy'或查看如何設置您的服務器/ dev服務器以將未知路由路由到您的主html文件。 (儘管這應該只在直接在地址欄中設置路徑或刷新頁面時出現)。嘗試在使用useAsDefault時將'routerLink'設置爲未知路由,並且它應該正確重新路由。 –
這不適合我。 –
路由器更改爲新版本,現在回退的路由以這種方式用戶。 參考:Angular 2 route
{ path: '', redirectTo: '/member/dashboard', terminal: true },
{
path: 'member',
component: MemberMainComponent,
canActivate: [AuthGuard],
children: [
{
path: 'dashboard',
component: DashboardComponent
}
]
},
{ path: '**', component: DashboardComponent }
- 1. Angular2:兒童路線
- 2. Angular2兒童路線
- 3. Track Angular2當前路線
- 4. Angular2限制所有路線
- 5. Nginx的Angular2/Angular路線
- 6. 導航路線問題Angular2
- 7. 定義備用路線
- 8. Angular2路由器恨我的AUX路線
- 9. 如何使用angular2兒童路線propely?
- 10. angular2快速導航路線檔用戶
- 11. Angular2使用訂閱路線更改
- 12. 整合所有Angular2和哈皮路線
- 13. Angular2 - 主要子路線不工作
- 14. 基於路線的CSS樣式 - Angular2
- 15. Angular2本地化URL,命名路線
- 16. Angular2嵌套組件vs輔助路線
- 17. Angular2 - ngOnDestroy()不叫上相似路線
- 18. Angular2:傳遞多對象路線PARAMS
- 19. 無法獲取路線PARAMS在angular2
- 20. Angular2獲取路線的PARAMS與承諾
- 21. 在新的Angular2路線中重定向
- 22. 必須多次聲明angular2路線?
- 23. 多次呼叫angular2路線警衛
- 24. Zend Framework的後備路線
- 25. 如何分離主路線和備用路線'折線谷歌地圖android?
- 26. 谷歌路線api - 一些備選路線經過公園
- 27. Angular2路由器 - 尋找Base Href之前的路線?
- 28. Angular2路由配置(帶兩個參數的路線)
- 29. 錯誤路線上的陣列上angular2路由
- 30. Angular2 IMG路徑
感謝ü給了這樣的inforamtion,我創建了使用** @ routerconfig()**中的子組件的子視圖,我能夠用** ** routerLink導航。例如:Parent:'#/ sales'和Childs:'#sales/asia'&'#sales/eu',點擊鏈接;孩子的意見是完美的工作。但我沒能initally加載'#銷售/ asia',我已經使用缺省路由器選項仍然它不工作。如何在加載'#sales'視圖時加載'#/ sales/asia' initailly?提前致謝。 –