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

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

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

　　而實(shí)現(xiàn)SPA最重要的那當(dāng)然是路由，Angular2提供的路由可以讓我們?cè)陧?yè)面間隨意的切換而不用刷新頁(yè)面，下面開(kāi)始我們的路由之旅

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

　　

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(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