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
- 阅读 ( 814 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章