angularjs中state的参数4_在 Angularjs 中 ui-sref 和 $state.go 如何传递参数-Go语言中文社区...

旧城等待， 2022-10-31 00:56 212阅读 0赞

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

ui-sref 一般使用在 ...；

消息中心

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

.controller('firstCtrl', function($scope, $state) \{

$state.go('login');

\});

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

![48304ba5e6f9fe08f3fa1abda7d326ab.png][]

...

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);

\});

![48304ba5e6f9fe08f3fa1abda7d326ab.png][]

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

2 如何传递参数

首先，要在目标页面定义接受的参数：

![42327155072d066bca33ecc4c4eec830.png][]

传参，

ui-sref:

![b94f530327fde4b02c7dae53b2b95339.png][]

$state.go:

![1782c9de137d2951f9c89277e66430d7.png][]

接收参数，

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

![8fd8165c24aff3c48306576cb2353591.png][]

转载于:https://www.cnblogs.com/renyunbo/p/5782549.html

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/weixin\_33701294/article/details/94679338

站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 21:21

阅读 ( 58 )

分类：前端

[48304ba5e6f9fe08f3fa1abda7d326ab.png]: /images/20221024/6894b297878f4d5da62b32e518e3e2d8.png
[42327155072d066bca33ecc4c4eec830.png]: /images/20221024/6f6929b36cda4e6b81dae3d98123e506.png
[b94f530327fde4b02c7dae53b2b95339.png]: /images/20221024/db0ed0d6635747b1b64c094c3eb0f382.png
[1782c9de137d2951f9c89277e66430d7.png]: /images/20221024/9f30353b6aa042688ab1008ab67dd5d4.png
[8fd8165c24aff3c48306576cb2353591.png]: /images/20221024/600b36df845a42e0abb5cea10fe24fa9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读

相关 AngularJs获取链接中的参数

1、被获取的链接 [http://localhost:8080/channel-manager-web/unifiedPlayNewService/broadcastingM

灰太狼/ 2023年07月17日 06:59/ 0 赞/ 21 阅读

相关 angularjs中state的参数4_Day167:pytorch获取模型某一层参数名及参数值

又是一年七夕节，虽然很无聊，但是，还是要学习，书山有路勤为径，学海无涯苦作舟，每天的一小步，慢慢积累成一大步，要加油，要奋斗，要努力，希望自己可以向优秀的人靠近，fightin

男娘i/ 2023年01月03日 09:17/ 0 赞/ 102 阅读

相关 angularjs中state的参数4_在 Angularjs 中 ui-sref 和 $state.go 如何传递参数-Go语言中文社区...

1 ui-sref、$state.go 的区别 ui-sref 一般使用在 ...；消息中心 $state.go('someState')一般使用在 controlle

旧城等待，/ 2022年10月31日 00:56/ 0 赞/ 213 阅读

相关 angularjs学习之五（angularjs中一般函数参数的传递）

1.模型参数直接使用变量名，不要加引号 <!doctype html> <html ng-app="passAter"> <head>

女爷i/ 2022年08月07日 09:59/ 0 赞/ 191 阅读

相关 freemarker在url中传递中文参数乱码

在freemarker将URL的编码格式设置为自己想要的格式： <\setting url\_escaping\_charset='utf-8'> 然后再参数后面加上“?

超、凢脫俗/ 2022年08月06日 06:16/ 0 赞/ 238 阅读

相关 Angularjs 中 ui-sref 和 $state.go 如何传递单个多个参数和将对象作为参数

一：如何传递单个参数首先，要在目标页面定义接受的参数： ![这里写图片描述][337212-20160318181804412-426985465.png] 传参，

矫情吗；*/ 2022年06月13日 13:16/ 0 赞/ 151 阅读

相关 AngularJS 如何实现页面跳转过程中传递参数

转载出处： [https://www.zhihu.com/question/33565135/answer/69651500][https_www.zhihu.com_qu

叁歲伎倆/ 2022年05月26日 03:23/ 0 赞/ 206 阅读

相关 AngularJs $location获取url参数

$location服务解析在浏览器地址栏中的URL（基于window.location）并且让URL在你的应用中可用。改变在地址栏中的URL会作用到$loca

我就是我/ 2022年05月24日 09:51/ 0 赞/ 241 阅读

相关 ionic系列：$state.go()传递对象参数

1.在目标页的路由中设置需要接收对象key值： .state('tab.myView', { url: '/main/myView?jsonObj

素颜马尾好姑娘i/ 2022年05月20日 09:10/ 0 赞/ 114 阅读

相关 Angularjs 发送请求传递参数数据

文章目录 1. AngularJs 的http请求 2. 常见的几种请求方式 3. AngularJs 的参数传递(spring

r囧r小猫/ 2022年05月10日 05:58/ 0 赞/ 474 阅读