上一篇文章我們將Angular2的數(shù)據(jù)服務(wù)分離出來,學(xué)習(xí)了Angular2的依賴注入,這篇文章我們將要學(xué)習(xí)Angualr2的路由

  為了編寫樣式方便,我們這篇文章開始引入第三方的css庫materializecss,引入方法直接在index.html中普通引用就可以了

  眾所周知,Angular出現(xiàn)的目的就是解決web編程的一些限制,讓我們編寫的網(wǎng)頁能像App一樣運作,我們現(xiàn)在稱之為單頁面應(yīng)用(SPA),單頁面應(yīng)用程序有諸多好處,譬如頁面響應(yīng)快,良好的前后端分離,對服務(wù)器壓力小等等,當(dāng)然也有不利于SEO等缺點。

  而實現(xiàn)SPA最重要的那當(dāng)然是路由,Angular2提供的路由可以讓我們在頁面間隨意的切換而不用刷新頁面,下面開始我們的路由之旅

  假設(shè)你已經(jīng)跟上了我們的進度,那就在src/app目錄下建立一個app.routing.ts的文件,代碼如下

  

萬碼學(xué)堂,電腦培訓(xùn),計算機培訓(xùn),Java培訓(xùn),JavaEE開發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

import {RouterModule,Routes} from "@angular/router";
import {NgModule} from "@angular/core";

import { AppComponent } from './app.component';
import&nb