Angular如何運用路由技術(shù)？angular點(diǎn)擊路由不跳轉是怎么解決？

Angular如何運用路由技術(shù)?

01

首先在Sublime Text新建HTML頁(yè)面，然后導入angular.min.js和angular-route.js兩個(gè)腳本文件

02

然后在body標簽里添加ng-app屬性，這個(gè)屬性告訴angular從body開(kāi)始全面監聽(tīng)元素動(dòng)態(tài)

03

然后準備一個(gè)錨鏈接的列表，用于下面路由跳轉使用

04

接下來(lái)我們就需要在script標簽中通過(guò)module方法實(shí)例化angular了，注意實(shí)例化的時(shí)候添加ngRoute依賴(lài)

05

然后通過(guò)angular實(shí)例來(lái)實(shí)現config方法，如下圖所示，在config方法中傳入參數routeProvider

06

接下來(lái)利用routeProvider中的when方法來(lái)匹配路徑，然后實(shí)現路由跳轉

07

最后我們運行頁(yè)面，你會(huì )看到如下圖所示的展示，當你點(diǎn)擊某個(gè)連接的時(shí)候，你會(huì )發(fā)現地址欄的連接也會(huì )跟著(zhù)變得

angular點(diǎn)擊路由不跳轉是怎么解決?

1打開(kāi)瀏覽器設置選項以清除用戶(hù)的緩存文件和cookie。注意不要丟失文件。2檢查主機文件是否已更改：1。單擊菜單中的“運行”，然后輸入“C:windowssystem32driversetc”進(jìn)入。2作為管理員，選擇打開(kāi)文本文件的方式。三。檢查9991域名是否被劫持，直接刪除該行。(例如：指向0.0.0.0、127.1或其他IP地址)4。退出保存。

標簽： Angular如何運用路由技術(shù) angular點(diǎn)擊