工具/材料【Angular如何運(yùn)用路由技術(shù)】SublimeText
操作方法01、首先在SublimeText新建HTML頁面，然后導(dǎo)入angular.min.js和angular-route.js兩個腳本文件，如下圖所示
02、然后在body標(biāo)簽里添加ng-app屬性，這個屬性告訴angular從body開始全面監(jiān)聽元素動態(tài) ， 如下圖所示
03、然后準(zhǔn)備一個錨鏈接的列表，用于下面路由跳轉(zhuǎn)使用，如下圖所示
04、接下來我們就需要在script標(biāo)簽中通過module方法實(shí)例化angular了，注意實(shí)例化的時候添加ngRoute依賴 ， 如下圖所示
05、然后通過angular實(shí)例來實(shí)現(xiàn)config方法 ， 如下圖所示，在config方法中傳入?yún)?shù)routeProvider
06、接下來利用routeProvider中的when方法來匹配路徑，然后實(shí)現(xiàn)路由跳轉(zhuǎn)，如下圖所示
07、最后我們運(yùn)行頁面，你會看到如下圖所示的展示，當(dāng)你點(diǎn)擊某個連接的時候，你會發(fā)現(xiàn)地址欄的連接也會跟著變得
推薦閱讀
- SQLSERVER如何創(chuàng)建數(shù)據(jù)庫關(guān)系圖
- 消費(fèi)水平如何推動家電產(chǎn)業(yè)
- JQuery的Autocomplete 插件如何應(yīng)用
- 如何合并兩段音樂
- ps設(shè)計(jì)教程如何用吸管工具吸取顏色
- 如何注銷掉自己的支付寶帳戶？
- 如何在excel設(shè)置日期格式
- VisualStudio如何創(chuàng)建報(bào)表項(xiàng)目
- 如何使用SQLServerProfiler跟蹤數(shù)據(jù)庫
- Win系統(tǒng)如何共享打印機(jī)