详解在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 性能优化指南(2)
May 21 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
JS根据生日算年龄的方法
May 05 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
Nov 30 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
Openlayers实现地图全屏显示
Sep 28 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
Apache PHP MySql安装配置图文教程
2016/08/27 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
2015/12/04 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
JavaScript代码性能优化总结(推荐)
2016/05/16 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
js实现图片加载淡入淡出效果
2017/04/07 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
2017/09/11 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
python转换字符串为摩尔斯电码的方法
2015/07/06 Python
Python实现Pig Latin小游戏实例代码
2018/02/02 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
工程管理造价应届生求职信
2013/11/13 职场文书
教师推荐信范文
2013/11/24 职场文书
高中化学教学反思
2014/01/13 职场文书
数学检讨书1000字
2014/02/24 职场文书
论文诚信承诺书
2014/05/23 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
前台接待员岗位职责
2015/04/15 职场文书
2015年财政所工作总结
2015/04/25 职场文书
导游词之山东红叶谷
2019/10/31 职场文书