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路由 與路由學習對比路由
- 靜態路由和動態路由路由
- 61. 路由 路由模型繫結路由模型
- 淺析路由策略與策略路由路由
- 前端路由與後端路由的思考前端路由後端
- Laravel多路由檔案,路由分組Laravel路由
- Vue之動態路由、巢狀路由Vue路由巢狀
- ThinkPHP 路由PHP路由
- 前端路由前端路由
- react路由React路由
- react 路由React路由
- Django 路由Django路由
- WebApi - 路由WebAPI路由
- React — 路由React路由
- 路由策略路由
- 路由引入路由
- webapi路由WebAPI路由
- Vue路由Vue路由
- 路由器基礎介紹,及配置靜態路由,預設路由路由器
- Vue 路由按需載入(路由懶載入)Vue路由
- Go 1.22中路由 URL 路由引數Go路由
- 路由策略和策略路由配置與管理-1路由
- CCNA - Part12 - 路由協議 (1) - 靜態路由,動態路由 RIP路由協議
- vue筆記-6 vue中router路由 路由引數的傳遞 巢狀路由Vue筆記路由巢狀
- ASP.NET Web API實踐系列03,路由模版, 路由慣例, 路由設定ASP.NETWebAPI路由
- 靜態路由和動態路由的比較路由
- Angular路由——在路由時候傳遞資料Angular路由
- 路由技術詳解--路由器POS接入路由器
- ARouter路由解析路由
- vue - Vue路由Vue路由
- WPF路由事件路由事件
- Django路由層Django路由
- 路由設定路由