路由

路由是導航的另一個名字。路由器就是從一個視圖導航到另一個視圖的機制。

任務目標:
1.把AppComponent變成應用程序的“殼”,它只處理導航
2.把現在由AppComponent關注的英雄們移到一個獨立的HeroesComponent中
3.添加路由
4.創建一個新的DashboardComponent組件
把儀表盤加入導航結構中

一:添加路由:
1.<base href>
打開index.html,確保它的區頂部有一個元素(或動態生成該元素的腳本)。
二:配置路由:
1.在app.module.ts文件下:
`import { RouterModule } from ‘@angular/router’;

RouterModule.forRoot([
{
path: ‘heroes’,
component: HeroesComponent
}
])`
解析:
Path: 路徑;
Component: 導航到此路由時,路由器需要創建的組件(HeroesComponent)

2.讓路由器可用
(1).導入RouterModule並添加到AppModule的imports數組中。
(2).

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章