Angular如何運用路由技術

工具/材料

Sublime Text

操作方法

首先在Sublime Text新建HTML頁面，然後匯入和兩個指令碼檔案，如下圖所示

然後在body標籤裡新增ng-app屬性，這個屬性告訴angular從body開始全面監聽元素動態，如下圖所示

然後準備一個錨鏈接的列表，用於下面路由跳轉使用，如下圖所示

接下來我們就需要在script標籤中通過module方法例項化angular了，注意例項化的時候新增ngRoute依賴，如下圖所示

然後通過angular例項來實現config方法，如下圖所示，在config方法中傳入引數routeProvider

接下來利用routeProvider中的when方法來匹配路徑，然後實現路由跳轉，如下圖所示

最後我們執行頁面，你會看到如下圖所示的展示，當你點選某個連線的時候，你會發現地址欄的連線也會跟著變得