Angular如何運用路由技術
Angular中的路徑跳轉都是依賴它的路由技術實現的。剛開始接觸angular的人對路由可能不理解，下面小編就通過實例教大家如何運用Angular的路由技術。
東西/材料
Sublime Text
操作方式
-
01
起首在Sublime Text新建HTML頁面，然后導入angular.min.js和angular-route.js兩個劇本文件，如下圖所示
-
02
然后在body標簽里添加ng-app屬性，這個屬性告訴angular從body起頭周全監聽元素動態，如下圖所示
-
03
然后籌辦一個錨鏈接的列表，用于下面路由跳轉利用，如下圖所示
-
04
接下來我們就需要在script標簽中經由過程module方式實例化angular了，注重實例化的時辰添加ngRoute依靠，如下圖所示
-
05
然后經由過程angular實例來實現config方式，如下圖所示，在config方式中傳入參數routeProvider
-
06
接下來操縱routeProvider中的when方式來匹配路徑，然后實現路由跳轉，如下圖所示
-
07
最后我們運行頁面，你會看到如下圖所示的展示，當你點擊某個毗連的時辰，你會發現地址欄的毗連也會跟著變得
- End
- 發表于 2018-03-13 00:00
- 閱讀 ( 815 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章