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='路由地址'