Angular4+路由

愛笑的睫毛發表於2018-06-16
        路由的作用就是(導航):會載入與請求路由相關聯的元件,並獲取特定路由的相關資料,這允許我們通過控制不同的路由,獲取不同的資料,從而渲染不同的頁面;

幾種常見的路由配置:

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:導航到此路由時,需要載入的元件;

相關文章