ui-router 是angular的第3方路由。他与ngrouter 没有太大区别。 ui-router 可以深度嵌套 ngrouter 简单的嵌套,针对于单个视图(视图就是需要嵌套的页面) 例如:我们点击了一个链接,我们需要在视图中跳转到指定的一个页面,那么ngRoute已经满足了我们的需求,而 ...
分类:
Web程序 时间:
2017-03-14 13:10:32
阅读次数:
228
params 参数的意思 <a href="Book/Scarlet/?name=liu">Scarlet Letter</a><br/> 在js中写{{$routeParams.name}}得到的值为liu $routeParams加“.”后得到的值为?后面传的参数。可以“.”出来 $route. ...
分类:
其他好文 时间:
2017-03-14 10:40:50
阅读次数:
211
ngroute和ui-router并不是两个相互独立的部分,ui-router是社区库提供的用来提高ngroute的功能的,可用于多视图(嵌套),功能十分强大! 为了全面的了解两者的不同点,在这里我就加上$http请求时对两者进行比较, 1.引入文件: ngroute:<script src="an ...
分类:
Web程序 时间:
2017-03-09 12:00:24
阅读次数:
160
闲来无事,写一写我们常用的angular中的路由,angular中路由是既简单有好用一种页面切换方式,对于angular而言他有自己的路由模块--ngRoute, 首先需要我们引入,angular.js与angular.route.js,然后配置HTML中的代码,(省略) 下面是js文件中需要写入的 ...
分类:
其他好文 时间:
2017-01-14 11:17:00
阅读次数:
227
1.配置使用ui-router1.1导入js文件需要注意的是:必须导入angular.min.js这个文件,且angular.min.js必须导入在angular-ui-router.min.js前面。<scripttype="text/javascript"src="JS/angular.min.js"></script>
<scripttype="text/javascript"src="JS/angular-..
分类:
Web程序 时间:
2016-12-15 15:06:33
阅读次数:
272
1、$routeProvider ngRoute模块中的服务 2、otherwise:设置用于路由改变时,与任何其他定义的路由无法匹配的时候执行的代码 3、when:为$route服务定义新的路由 例 ...
分类:
其他好文 时间:
2016-11-28 23:45:34
阅读次数:
258
使用ngRoute和ngAnimate配合使用,可以实现页面切换的效果。 如果有使用过swiper,就知道这个效果是怎么样的。 代码: 这里ng-show无效 ng-if会移除dom,生成dom,而ng-show只是改变其display属性。 display来实现显示隐藏,在渲染过程中会对动画效果无 ...
分类:
Web程序 时间:
2016-11-06 17:05:29
阅读次数:
397
目录 原理 angular-route ui-router 事件 深度路由 事件 深度路由 原理 ng的route本质是监听hashchange事件. 在angular-route中 在ui-router中 angular-route Hello World 以上为最简单的ngRoute Hello ...
分类:
Web程序 时间:
2016-09-27 13:25:11
阅读次数:
182
1) Include the required JavaScript libraries in your index.html (ngRoute and UI Router are optional). 引入 1) Include the required JavaScript libraries ...
分类:
Web程序 时间:
2016-09-20 10:32:11
阅读次数:
149
ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢? 很多文章中都有说道:当时ngRoute在路由配置时用$routeProvider,但是当ui-router路由配置时用 $stateProvider 和 $ ...
分类:
Web程序 时间:
2016-09-14 16:51:28
阅读次数:
160