前言 使用AngularJS來開發Single Page Application(SPA)的時候，可以選用AngularUI Router來提供頁面內容切換的功能。但是在UI Router的使用情景裡，需要開發人員將每個State所使用的Controller預先載入之後，才能正常的切換頁面內容。這也 ...
分类：
Web程序 时间：
2016-08-18 09:54:50
阅读次数：
157
为什么我们要在使用angular ui-router时要使用html5Mode=true这个呢？ 在angular中，你在访问链接时，可能访问的链接为"#/link". 如果你设置了html5Mode=true时，这个时候页面就会重定向到"/link"这个页面中。 如果设置html5Mode=fal ...
分类：
Web程序 时间：
2016-08-13 01:15:26
阅读次数：
517
1. 路由规则 rap框架页面路由基于ui-router实现 1.1 ui-router 一个基本的路由状态如下所示： 路由配置： $stateProvider .state('po',{ url:'/po', abstract:false, templateUrl:'./pages/master. ...
分类：
其他好文 时间：
2016-07-11 00:42:45
阅读次数：
216
对于复杂一点，大型的项目，如果所有的内容一开始就加载，对首页的性能影响比较大，即使静态javascript文件使用CDN，对性能还是有很大的影响。所有需要引入按需加载机制，而Angular1.x版本中，ocLazyLoad是一个不错的按钮加载解决方案 ...
分类：
其他好文 时间：
2016-06-30 23:12:46
阅读次数：
149
ui-router 的工作原理非常类似于 Angular 的路由控制器，但它只关注状态。 ? 在应用程序的整个用户界面和导航中，一个状态对应于一个页面位置 ? 通过定义controller、template和view等属性，来定义指定位置的用户界面和界面行为 ? 通过嵌套的方式来解决页面中的一些重复 ...
分类：
其他好文 时间：
2016-06-25 21:45:28
阅读次数：
324
有时间我们需要把一个页面的参数传到另一个页面，供另一个页面使用。下面讲一下利用路由传参的方法。 例如有两个页面：page1.html和page2.html，点击page1.html跳转到page2.html，并将page1.html的参数传递过去。 （1）在app.js中定义路由信息,并在接收的页面 ...
分类：
其他好文 时间：
2016-06-24 12:26:42
阅读次数：
139
这是个啥？ ui-router是一个web客户端的路由解决方案。我觉得它最大的作用是将web界面的设计分块了。 分块分层 最初的web访问模型，是这样的： 我们访问page1，然后访问page2.... 在新的模型中它变成了这个样子： 访问效果是一样的，但是从设计上已经有了变化。它变成了：只有一张网 ...
分类：
Web程序 时间：
2016-06-19 11:22:50
阅读次数：
179
1.Angularjs第三方模块angular-route和angular-ui-router的区别、差异、不同 http://camnpr.com/javascript/1652.html 值得一提的是上面的这个链接的网址页面，的鼠标选中上去还有另一番景象，值得以后学习。 2.一些需要了解和看的a ...
分类：
其他好文 时间：
2016-06-12 18:33:40
阅读次数：
145
一:跑通ui-router. ui-router源码在最后面 跑通后的样子: 这个不解释了,都是很基本的东西. 二:切换视图: 这里的name可以不写,但是你得放到state的第一个参数里. 跑起来后的后果: 三:如何通过链接切换视图. 1 <!DOCTYPE html> 2 <html> 3 <h ...
分类：
Web程序 时间：
2016-05-27 09:34:05
阅读次数：
1546
ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢？ 很多文章中都有说道：当时ngRoute在路由配置时用$routeProvider，但是当ui-router路由配置时用 $stateProvider 和 $ ...
分类：
Web程序 时间：
2016-05-18 12:15:44
阅读次数：
198
