Angular4+路由
路由的作用就是(導航):會載入與請求路由相關聯的元件,並獲取特定路由的相關資料,這允許我們通過控制不同的路由,獲取不同的資料,從而渲染不同的頁面;
Component:導航到此路由時,需要載入的元件;
幾種常見的路由配置:
Angular路由器是一個可選的外部Angular NgModule ,叫RouterModule;
路由器裡面包含多種服務(RouterModule),多種指令(RouterOutlet,RouterLink,RouterLinkActive),和一套配置(Routes);
import { RouterModule} from '@angular/router';
RouterModule.forRoot([
{
path: 'test',
component: TestComponent
}
]) <a routerLink="test">Test</a> <router-outlet></router-outlet>
路由定義包括下面部分:
Path:路由器會用它來匹配瀏覽器位址列中的地址,如’test’;Component:導航到此路由時,需要載入的元件;
相關文章
- Angular路由——子路由Angular路由
- Angular路由——輔助路由Angular路由
- Angular路由——路由基礎Angular路由
- 前端路由(手寫路由)前端路由
- Angular路由——路由守衛Angular路由
- OSPF路由 與 ISIS路由 與路由學習對比路由
- 靜態路由和動態路由路由
- 前端路由與後端路由的思考前端路由後端
- Laravel多路由檔案,路由分組Laravel路由
- Dubbo 路由規則之標籤路由路由
- CCNA - Part12 - 路由協議 (1) - 靜態路由,動態路由 RIP路由協議
- 路由器基礎介紹,及配置靜態路由,預設路由路由器
- 前端路由前端路由
- react路由React路由
- webapi路由WebAPI路由
- 路由引入路由
- React — 路由React路由
- 路由策略路由
- ThinkPHP 路由PHP路由
- react 路由React路由
- Vue路由Vue路由
- Django 路由Django路由
- 路由 Route路由
- Go 1.22中路由 URL 路由引數Go路由
- Vue 路由按需載入(路由懶載入)Vue路由
- vue筆記-6 vue中router路由 路由引數的傳遞 巢狀路由Vue筆記路由巢狀
- Angular路由——在路由時候傳遞資料Angular路由
- eNSP華為靜態路由--浮動路由配置。路由
- ADOV路由和DSR路由matlab對比模擬路由Matlab
- Flutter路由管理Flutter路由
- 路由筆記路由筆記
- 路由設定路由
- Linux新增路由Linux路由
- 09、路由聚合路由
- Django 路由層Django路由
- 搞定軟路由路由
- drf 路由生成路由
- 路由交換路由