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