消息中心$state.go('someState')一般使用在 controller里面;.controller('firstCtrl', function($scope, $state) { $state.go('login'" />
当前位置:首页 > 日记 > 正文

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

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

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 如何传递参数

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

传参,

ui-sref:

$state.go:

接收参数,

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

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

相关文章

jquery animate动画持续运动的实例

jquery animate动画持续运动的实例

运动,动画,实例,电脑软件,jquery,如下所示:function fingers(){ $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){ $(".box01 .fingers").animate({"width":"6.8rem","marginL…

微信小程序 基础组件与导航组件详

微信小程序 基础组件与导航组件详

组件,导航,详细介绍,基础,程序,微信小程序 基础组件与导航组件详解: 1.基础组件 1.1 图标 icon 1.2 文本 text 1.3 进度条 progress 2.导航组件(navigator) 1.基础组件 1.1 图标 icon(1)总结(2) 案例 效果截图…

PPT2010文字处理如何转换为3D形式

PPT2010文字处理如何转换为3D形式

文字处理,3D,转换为,形式,电脑软件,  出色的三维绘制功能是PPT中最重要的新特性之一,轻松而又快捷地制作出文字3D效果,能够使之更加生动和美观。以下是小编为您带来的关于PPT2010文字处理转换为3D形式,希望对您有所帮助。PPT2010文字处理转…

excel2010编辑栏不见了的解决方法e

excel2010编辑栏不见了的解决方法e

解决方法,不见了,编辑,电脑软件,strong,  在Excel中经常需要用到一些公式,而公式的快捷输入方式也就是编辑栏,如果编辑栏不见了,效率自然就低了,这个问题其实是可以解决的。接下来是小编为大家带来的excel2010编辑栏不见了的解决方法,供大家参…

看透了一切的经典句子超感伤的爱情

看透了一切的经典句子超感伤的爱情

句子,个性签名,感伤,经典,爱情,  我一直站在被你伤害的地方,你一直留在让我哭泣的远方。小编为大家搜集了看透了一切的经典句子,供大家分享。看透了一切的经典句子1) 我是尘上的马蹄 路遥马急 晚了十年遇见你。2) 感情都会沉淀,爱一个人怎可…

怎么在word2010中用SmartArt制作组

怎么在word2010中用SmartArt制作组

组织结构,步骤,中用,电脑软件,SmartArt,  在word2010中,增加了一个新的功能就是SmartArt,用它来绘制结构图、流程图等即快速又美观,下面小编教你怎么在word2010中用SmartArt制作组织结构。希望对你有帮助!word2010中用SmartArt制作组织结构的…

ps2.0如何改成中文版本的

ps2.0如何改成中文版本的

中文,方法,版本,电脑软件,  ps2.0这个版本有的不是汉语的,所以大家需要改成中文版本。接下来就是小编精心整理的一些关于ps2.0如何改成中文版本的相关资料,供你参考。ps2.0改成中文版本的方法首先安装ADOBE PHOTOSHOP CS2。打开百度搜索ADO…

如何快速做出扁平化风格的PPT

如何快速做出扁平化风格的PPT

扁平化,风格,快速,电脑软件,PPT,  能够快速做出扁平化风格的PPT,是一个很好的技能。不但是效率上,还是PPT的美观质量都有一定的水平化。以下是小编为您带来的关于快速做出扁平化风格的PPT,希望对您有所帮助。快速做出扁平化风格的PPT一、色…

BootStrap中Table隐藏后显示问题的

BootStrap中Table隐藏后显示问题的

显示,代码,电脑软件,BootStrap,Table,开始的时候先把table隐藏了,由于判断条件让它显示,结果出现错位的问题。//前台代码:<h3 id="faultanalysis-head" class="text-center" style="display:none"><strong>faultanalysis-table</strong>…

老生常谈angularjs中的$state.go

老生常谈angularjs中的$state.go

老生常谈,电脑软件,angularjs,state,路由是这么定义的:$stateProvider .state('page1', { url: '/page1', templateUrl: 'views/page1.htm', controller: 'page1Ctrl' }) .state('page2', { url: '/page…

PPT2013中层次结构图的绘制方法是

PPT2013中层次结构图的绘制方法是

层次结构图,方法,绘制,电脑软件,  结构图可以很好的反映出各部门、岗位之间的关系,有些比较复杂的,我们要用到层次结构图,这是在普通结构图的基础上稍加改进。以下是小编为您带来的关于PPT2013中层次结构图的绘制方法,希望对您有所帮助。PPT2…

详解jquery插件jquery.viewport.js

详解jquery插件jquery.viewport.js

学习,插件,使用方法,详解,电脑软件,?介绍Viewport 是一个简单的jQuery插件,为元素添加自定义伪选择器和处理程序,以便在可视窗口内外进行简单的元素检测。使用方法<script src="jquery.js" type="text/javascript"></script><script src=…