详解在Angularjs中ui-sref和$state.go如何传递参数


Posted in Javascript onApril 24, 2017

1 ui-sref、$state.go 的区别

ui-sref 一般使用在 <a>...</a>;

<a ui-sref="message-list">消息中心</a>

$state.go('someState')一般使用在 controller里面;

.controller('firstCtrl', function($scope, $state) {
   $state.go('login');
 });

这两个本质上是一样的东西,我们看ui-sref的源码:

...
element.bind("click", function(e) {
  var button = e.which || e.button;
  if ( !(button > 1 || e.ctrlKey || e.metaKey || e.shiftKey || element.attr('target')) ) {

   var transition = $timeout(function() {
    // HERE we call $state.go inside of ui-sref
    $state.go(ref.state, params, options);
   });

ui-sref最后调用的还是$state.go()方法

2 如何传递参数

首先,要在目标页面定义接受的参数:

详解在Angularjs中ui-sref和$state.go如何传递参数

传参,

ui-sref:

详解在Angularjs中ui-sref和$state.go如何传递参数

$state.go:

详解在Angularjs中ui-sref和$state.go如何传递参数

接收参数,

在目标页面的controller里注入$stateParams,然后 "$stateParams.参数名" 获取

详解在Angularjs中ui-sref和$state.go如何传递参数

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery 滑入滑出效果实现代码
Mar 27 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
jQuery监听文件上传实现进度条效果的方法
Oct 16 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
解决百度Echarts图表坐标轴越界的方法
Oct 17 Javascript
详解JavaScript的变量
Apr 04 Javascript
JS原型对象操作实例分析
Jun 06 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
ES6字符串的扩展实例
Dec 21 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 #Javascript
angular中实现控制器之间传递参数的方式
Apr 24 #Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 #Javascript
JS实现加载和读取XML文件的方法详解
Apr 24 #Javascript
JS简单获取日期相差天数的方法
Apr 24 #Javascript
Angular.js中控制器之间的传值详解
Apr 24 #Javascript
jquery submit()不能提交表单的解决方法
Apr 24 #jQuery
You might like
PHP初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
PHP三元运算符的结合性介绍
2012/01/10 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
js中关于String对象的replace使用详解
2011/05/24 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
vue-better-scroll 的使用实例代码详解
2018/12/03 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
python操作redis的方法
2015/07/07 Python
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
Python WXPY实现微信监控报警功能的代码
2017/10/20 Python
详解如何使用Python编写vim插件
2017/11/28 Python
Python全排列操作实例分析
2018/07/24 Python
python中partial()基础用法说明
2018/12/30 Python
python 命令行传入参数实现解析
2019/08/30 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
Java面试题:说出如下代码的执行结果
2015/10/30 面试题
法律七进实施方案
2014/03/15 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
初一学生期末评语
2014/04/24 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
体育教师个人工作总结
2015/02/09 职场文书
2015年人事科工作总结
2015/04/28 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android