脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → angular 页面跳转传参

Angular 页面跳转时传参问题

 更新时间：2016年08月01日 10:40:07   作者：lvyi  
这篇文章主要介绍了Angular 页面跳转时传参问题的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

首先，你需要已经配置过你的rout，比如：

$stateProvider
.state('firstPage',{
url:'/Page/firstPage',
templateUrl: 'Page/views/firstPage.html',
controller: 'firstPageCtrl'
//dependencies: ['service/vipSeachService']
})
.state('secPage', {　　　　　　　　　params:{'message':null},
url: '/Page/secPage',
templateUrl: 'Page/views/secPage.html',
controller: 'secPageCtrl'
})

其中注意第二个地址信息中的params属性，这个就是你要接受参数的对象，以key ：value的形式定义

而在跳转页面时，两个方法都可以传参，一种是直接写在html中

<a ui-sref="sec-page">跳转第二页</a>

此时传参跟在页面地址的后面

<a ui-sref="sec-page（{message:messageId}）">跳转第二页</a>

第二种就是写在controller中

.controller('firstPageCtrl', function($scope, $state) { 　
$state.go('secPage'); });

同样参数写在地址后面，以对象的形式

.controller('firstPageCtrl', function($scope, $state) {
　　$state.go('secPage'，{message:messageId}); 
});

传过去的参数，需要在目标页面的controller中用$stateParams接收，改方法需要提前注入

.controller('secPageCtrl', function($scope, $state,$stateParams) {
　　var test=$stateParams.message;
});

以上所述是小编给大家介绍的Angular 页面跳转时传参问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • JS 数组随机洗牌的实例代码

    JS 数组随机洗牌的实例代码

    这篇文章主要介绍了js 数组随机洗牌的实例代码，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-09-09
  • JS获取CSS样式（style/getComputedStyle/currentStyle）

    JS获取CSS样式（style/getComputedStyle/currentStyle）

    这篇文章主要为大家介绍了JS获取CSS样式的方法，介绍了CSS样式的三种分类情况，对获取样式做一个简单的封装，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失的示例代码

    Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失的示例代码

    这篇文章主要介绍了Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • Javascript 检测键盘按键信息及键码值对应介绍

    Javascript 检测键盘按键信息及键码值对应介绍

    Javascript中有3个事件句柄在对应键盘的输入状态:按键被按下（按下按键但还没有抬起）、点击按键（按下并抬起按键）、按键抬起（按键抬起之后）,接下来详细介绍，感兴趣的朋友可以了解下
    2013-01-01
  • seajs和requirejs模块化简单案例分析

    seajs和requirejs模块化简单案例分析

    这篇文章主要介绍了seajs和requirejs模块化,结合具体案例形式分析了seaj和requirejs模块化应用的相关操作技巧与使用注意事项,需要的朋友可以参考下
    2019-08-08
  • JavaScript中BOM对象原理与用法分析

    JavaScript中BOM对象原理与用法分析

    这篇文章主要介绍了JavaScript中BOM对象原理与用法,,结合实例形式分析了javascript中BOM浏览器对象模型相关概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • uniapp开发小程序的经验总结

    uniapp开发小程序的经验总结

    这篇文章主要给大家介绍了关于uniapp开发小程序的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • javascript 实现动态侧边栏实例详解

    javascript 实现动态侧边栏实例详解

    这篇文章主要介绍了javascript 实现动态侧边栏实例详解的相关资料,并附实例代码，帮助大家学习理解，需要的朋友可以参考下
    2016-11-11
  • 详解如何让InstantClick兼容MathJax、百度统计等

    详解如何让InstantClick兼容MathJax、百度统计等

    本篇文章主要介绍了如何让InstantClick兼容MathJax、百度统计等，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • JS+CSS实现下拉列表框美化效果（3款）

    JS+CSS实现下拉列表框美化效果（3款）

    这篇文章主要介绍了JS+CSS实现美化的下拉列表框效果,涉及javascript针对下拉列表框样式的相关操作技巧,三款下拉菜单简单大方,需要的朋友可以参考下
    2015-08-08

最新评论