angular ui.router 路由传参数
来源:互联网 发布:医院预约挂号系统源码 编辑:程序博客网 时间:2024/05/19 16:07
angular已经用了一段时间了,最近在做路由跳转的时候对url所带的参数问题进行了点研究,做一下笔记哦。
首先,angular本身就有获取url参数的服务,$location,比如 href="abc.htnl?a=1&b=2",可以利用$location.search() 把a=1&b=2转换成了对象后拿到,其实我感觉这种方法又简单有直观,而且大家在使用的时候不用沟通都会用,我们公司最后为了大家传参时候简单,易懂,用的这种方法。
可是,作为一个前端,不用点ui.router的方式有点说不过去了,所以。。。
<a ui-sref="home({a:5,b:6})">链接</a>
m1.config(function($stateProvider){
$stateProvider.state('home',{
url:'/home/:a/:b',
template: '<h1>Welcome to UI-Router Demo</h1>',
controller:function($stateParams,$location){
console.log($stateParams.a,$stateParams.b);
}
});
});
这样就可以取到了参数,是不是感觉很麻烦啊,呵呵。。。
麻烦归麻烦,但是其实他还有很多功能,太复杂的我也不懂,贴一个看人家写的吧,可以参入正则表达式哦 url: '/{bookType:[0-9]{1,4}}',像这种写法,我也没有真正的去验证,等有机会遇到的时候在研究吧。。。
不写了,赶紧工作了。。。。。。
- angular ui.router 路由传参数
- Angular路由:ui-router
- angular路由 ui.router
- angular-ui-router页面路由
- AngularJS Router原生路由和Angular UI Router嵌套路由
- Angular(三)路由ui-router
- angular 路由,ui-router,ocLazyLoad的使用
- Angular中嵌套路由ui-router
- Angular的第三方路由:ui-router
- angular中的路由 ng-router vs ui.router
- angular中的路由 ng-router vs ui.router
- angular ui-router参数配置说明
- ui-router路由传参
- Angular JS路由插件ui.router源码解析
- angular router ui 路由模块(父子)层级说明
- Angular JS路由插件ui.router源码解析
- angular 系列七 ui-router路由控制器介绍
- Angular路由 ng-route和ui-router的区别
- 隐藏Boss——ddmlib使用入门
- 分布式系统本质:高吞吐、高可用、可扩展
- 利用ThinkPHP框架项目开发(1)
- Laravel5.3中的原生+查询构造器+Eloquent ORM 常用整理
- 第十一周 项目一 层次遍历的算法
- angular ui.router 路由传参数
- 第十一周项目一 验证算法(2)二叉树构造算法的验证(后序和中序)
- Java网络爬虫crawler4j学习笔记<15> FormAuthInfo类
- 【LeapMotion】Leap Motion C++配置/获取显示/显示并对齐手指
- CentOS 7 安装osquery监控系统
- 8周字符串加密
- 从1.5K到18K 一个程序员的5年成长之路
- 第十一周 项目1(4)哈夫曼编码的算法验证
- Spring、Spring MVC、Struts2、、优缺点整理