脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → ui sref 参数传递

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

 更新时间：2017年04月24日 14:21:18   作者：Jager  
这篇文章主要介绍了详解在Angularjs中ui-sref和$state.go如何传递参数，详细的介绍了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.参数名" 获取

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

您可能感兴趣的文章:

相关文章

  • AngularJS实现tab选项卡的方法详解

    AngularJS实现tab选项卡的方法详解

    这篇文章主要介绍了AngularJS实现tab选项卡的方法,结合实例形式较为详细的分析了AngularJS实现tab选项卡的原理、实现技巧与相关注意事项,需要的朋友可以参考下
    2017-07-07
  • angular十大常见问题

    angular十大常见问题

    本文主要介绍了angular十大常见问题，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • Angular模版驱动表单的使用总结

    Angular模版驱动表单的使用总结

    这篇文章主要介绍了Angular模版驱动表单的使用总结，本文实现了Angular支持表单的双向数据绑定，校验，状态管理，非常具有实用价值，需要的朋友可以参考下
    2018-05-05
  • ANGULARJS中使用JQUERY分页控件

    ANGULARJS中使用JQUERY分页控件

    本文给大家介绍ANGULARJS中使用JQUERY分页控件，需要的朋友可以参考下
    2015-09-09
  • angular中不同的组件间传值与通信的方法

    angular中不同的组件间传值与通信的方法

    本篇文章主要介绍了angular中不同的组件间传值与通信的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • AngularJS过滤器filter用法分析

    AngularJS过滤器filter用法分析

    这篇文章主要介绍了AngularJS过滤器filter用法,结合实例形式分析了过滤器filter的功能、分类、使用方法与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • AngularJS页面传参的5种方式

    AngularJS页面传参的5种方式

    Angular页面传参有多种办法，根据不同用例，本文介绍5种最常见的页面传参的方式。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • Angular利用内容投射向组件输入ngForOf模板的方法

    Angular利用内容投射向组件输入ngForOf模板的方法

    本篇文章主要介绍了Angular利用内容投射向组件输入ngForOf模板的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • angularjs手动识别字符串中的换行符方法

    angularjs手动识别字符串中的换行符方法

    今天小编就为大家分享一篇angularjs手动识别字符串中的换行符方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • 详解在Angular4中使用ng2-baidu-map的方法

    详解在Angular4中使用ng2-baidu-map的方法

    这篇文章主要介绍了在Angular4中使用ng2-baidu-map的方法，本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06

最新评论