ui-router的学习

在单页面应用中要把各个分散的视图给组织起来是通过路由机制来实现的。Angular原始的路由机制靠ngRoute提供,通过hash和history来实现的,可以检测浏览器是否支持history来灵活调用相应的方式。ngRoute是一个单独是模块。但是在稍微复杂项目的开发中,ngRoute是不能满足我们的需求的。例如,我们在应用中需要用时动态填充,表格,图标,搜索等时,靠单一的视图填充显示是不能是实现业务需求的。

ui-router和ngRoute的对比:

               

uiRouter使用步骤:

① 引入ionic-bundle.js
② 声明模块 将ionic写在依赖列表中
③ 容器ui-view
④ 创建模板文件
⑤ 设置状态
app.config(function($stateProvider,$urlRouterProvider){
  state
  otherwise
})

跳转:$state.go('路由地址')  ui-sref='路由地址'

最新文章

  1. 移动端rem 适配
  2. XML数据 JSON数据 LitJSON 数据 的编写和解析 小结
  3. 一. Logback与p6spy
  4. webservice接口的发布
  5. C# GDI在控件上绘图
  6. asp.net 使用JQuery 调用Ashx 后面直接写方法名,通过反射找到对应的方法
  7. BZOJ 1047: [HAOI2007]理想的正方形( 单调队列 )
  8. java_JDBC(1)
  9. 单发邮箱 群发邮箱 程序 Email winform
  10. 导入项目 idea
  11. setuid setgid
  12. 短网址服务(TinyURL)生成算法
  13. 廖雪峰Java5集合-3Map-Properties的使用
  14. Oracle 12c 用户创建、角色、权限
  15. javascript基础拾遗(九)
  16. mysql多列索引优化
  17. 微信小程序开发环境
  18. Ubuntu16.04安装使用Consul
  19. Jmeter-Maven-Plugin高级应用:Log Levels
  20. Python—字典(当索引不好用时)

热门文章

  1. 20、手把手教你Extjs5(二十)模块Grid的多列表方案
  2. STM8S STM8L引脚如何配置最低(转)
  3. android UI线程安全问题
  4. 微信小程序初体验--封装http请求
  5. Memcached源码分析
  6. 数据可视化-使用EXCEL和PS制作一个复杂饼图
  7. 深入了解Bundle和Map
  8. linux系统安装iprouter
  9. jquery proxy
  10. Jenkins搭建Windows slave 环境