博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在 Angularjs 中 ui-sref 和 $state.go 如何传递参数
阅读量:5878 次
发布时间:2019-06-19

本文共 1117 字,大约阅读时间需要 3 分钟。

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

  ui-sref 一般使用在 <a>...</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.参数名" 获取

  

  补充资料:  

  路由里面配置:

$stateProvider.state('man', {      url: '/man.html?id&name',         //参数必须先在这边声明      templateUrl: '../man.html',  })

  点击连接后,浏览器的地址则会变为:/man.html/id=1&name=2,或者也可以这样

 
$stateProvider.state('man', {      url: '/man.html',               templateUrl: '../man.html',      params: {
'id': null,'name':null},//参数在这边声明 })

  然后在对应的controller里面通过$stateParams取值:$stateParams.id,$stateParams.name

 

转载地址:http://jkcix.baihongyu.com/

你可能感兴趣的文章
发布支持多线程的PowerShell模块 —— MultiThreadTaskRunner
查看>>
Ubuntu ctrl+alt会导致窗口还原的问题
查看>>
第四十期百度技术沙龙笔记整理
查看>>
推荐系统那点事 —— 基于Spark MLlib的特征选择
查看>>
linux 下RTL8723/RTL8188调试记录(命令行)【转】
查看>>
SpringMVC案例1——对User表进行CRUD操作
查看>>
看雪CTF第十四题
查看>>
[Contiki系列论文之1]Contiki——为微传感器网络而生的轻量级的、灵活的操作系统...
查看>>
Android 网络编程 记录
查看>>
微软同步发行Windows 10和Windows 10 Mobile系统更新
查看>>
Maven 传递依赖冲突解决(了解)
查看>>
Zeppelin的入门使用系列之使用Zeppelin运行shell命令(二)
查看>>
[Spark][Python]Spark Join 小例子
查看>>
form表单下的button按钮会自动提交表单的问题
查看>>
springBoot介绍
查看>>
Intellij IDEA 快捷键整理
查看>>
Redis 通用操作2
查看>>
11. Spring Boot JPA 连接数据库
查看>>
洛谷P2925 [USACO08DEC]干草出售Hay For Sale
查看>>
MapReduce工作原理流程简介
查看>>