详解在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 相关文章推荐
JavaScript中的this关键字使用详解
Aug 14 Javascript
jQuery插件jquery-barcode实现条码打印的方法
Nov 25 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 Javascript
React创建组件的三种方式及其区别
Jan 12 Javascript
基于JavaScript中字符串的match与replace方法(详解)
Dec 04 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
Dec 13 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
Mar 09 Javascript
详解vantUI框架在vue项目中的应用踩坑
Dec 06 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 Javascript
原生JS实现分页
Apr 19 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 print EOF实现方法
2009/05/21 PHP
php中autoload的用法总结
2013/11/08 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
php获取文件类型和文件信息的方法
2015/07/10 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
js实现的网页颜色代码表全集
2007/07/17 Javascript
JSQL 基于客户端的成绩统计实现方法
2010/05/05 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
java、javascript实现附件下载示例
2014/08/14 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
Json解析的方法小结
2016/06/22 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
2020/01/20 Javascript
[02:07]2018DOTA2亚洲邀请赛主赛事第三日五佳镜头 fy极限反杀
2018/04/06 DOTA
获取python的list中含有重复值的index方法
2018/06/27 Python
TensorFlow实现iris数据集线性回归
2018/09/07 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
如何运行带参数的python脚本
2019/11/15 Python
基于python实现地址和经纬度转换
2020/05/19 Python
Python中Selenium库使用教程详解
2020/07/23 Python
科研先进个人典型材料
2014/01/31 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
领导走群众路线整改措施思想汇报
2014/10/12 职场文书
业务员年终工作总结2015
2015/05/28 职场文书
高三毕业感言
2015/07/30 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
Python实现Hash算法
2022/03/18 Python
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技