ionic $state.go 传递参数

最新推荐文章于 2019-05-09 14:38:18 发布

原创最新推荐文章于 2019-05-09 14:38:18 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

ionic 资料专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何在App.js中实现页面间的跳转并传递参数，具体包括定义带有参数的URL、使用$state.go进行跳转及参数接收的方法、通过$stateParams获取传入的参数值以及如何实现返回上一页和关闭当前界面的功能。

app.js 跳转到的页面中定义URL

 url: '/course-pay/:cart_id'

//跳转的页面传递参数

$state.go("course-pay", {"cart_id": item.cart_id});

//接受参数

var cartid = $stateParams.cart_id;

$ionicHistory.goBack(); //后退

$scope.modal.hide();//关闭当前界面

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

酱Bug

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ionic入门教程第七课-简要说明几种界面之间的参数传递及优缺点

https://github.com/xiaohuoni

04-13

7180

截至2016年4月13日19点32分，我发布的ionic入门教程，已经发布6课了，总访问量将近6000，平均每节课能有1000的访问量。其中访客最多的是第三课有2700的访客。其实我开始的时候计划的挺好的，就按照我这阶段的安排，慢慢的带大家做一个比较完整的项目。但这几天发生了一些事情，让我不得不重新思考该跟大家说什么呢？从访客数据来看，大家对于整体架构的布置和代码逻辑的规范

【ionic App问题总结系列】ionic登录拦截机制-使用Modal作为登录框

前端超人

11-19

4942

前言先来说说网页和App中交互的不同。在网页中，页面与页面之间的跳转过程较少会采用转场动画，直接就是页面切换。而在App的交互方式中，页面切换是有转场动画的。页面进入一般都是从右到左的动画切换。这种交互方式通常表示页面正常的切换。还有一种页面进入方式就是从下往上进入，这种交互方式一般用于登录拦截时，弹出登录框，表示得是非正常状态下的页面切换。如下图所示，就是登陆拦截情况下的从下往上的页面进入效果

参与评论您还未登录，请先登录后发表或查看评论

Angularjs 中 ui-sref 和 $state.go 传递参数

Eighteen Z

12-29

471

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

Ionic中用$state.go()跳转页面时也可以有动画效果

wuqingyou_w的专栏

04-15

1万+

在做Ionic项目时，在HTML标签实现有动画效果的切换页面很简单，只要在标签中加入nav-direction="back"或nav-direction="forward"就可以实现了。但是用$state.go()怎么实现动画效果呢？其实也很简单，只要在$state.go()后面加上 $ionicViewSwitcher.nextDirection("back")或 $ionicViewSwitc

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

wzhq110ok的专栏

11-16

3911

1.在目标页的路由中设置需要接收对象key值：.state('tab.myView', { url: '/main/myView?jsonObj', cache:'false', views: { 'tab-main': { templateUrl: 'templates/main/myView.html', params: {'jsonObj': nu

ionic---state路由

leason的博客

02-27

894

ionic中路由使用方法总结

解决ui-router路由监听$stateChangeStart、$stateChangeSuccess、$stateChangeError不执行的问题...

weixin_30919429的博客

01-10

382

问题解答 angular1项目导入ui-router之后，使用路由监听，代码如下　angular.module('app', ['ui.router', 'ui.router.state.events']) angular.module("app") .run(['$rootScope', function ($rootScope) { 　　　// 监听路由开始...

ionic状态改变时动态（强制）刷新页面

热门推荐

做一个开心的全栈工程师

12-22

1万+

$state.go(stateName,params,config);使用这个方法调到某个状态后，有时需要强制刷新当前页面，使其向后台发起请求，获取最新数据。 1.这种需求的场景举例：这是处于待办状态（没有被评价的工作记录处于待办状态）的工作记录。注意：此时待办的工作记录数为45132条当点击其中一条记录然后点击评价工作记录对其进行评价

ionic 路由详解

03-22

- **状态参数**：可以为状态添加参数，以便传递数据。例如： ```javascript .state('state2', { url: '/state2/:id', templateUrl: 'templates/state2.html', controller: function($stateParams) { console....

详谈angularjs中路由页面强制更新的问题

10-19

$state.go可以接受三个参数：目标状态、状态参数和选项。开发者尝试在$state.go中使用reload选项，但是同样没有达到预期效果。这可能说明ui-sref-opts和$state.go并不是在所有情况下都能强制页面刷新。最后，...

$state.go页面传递参数

程序猿成长之路

08-02

3431

http://studygolang.com/articles/8153 方法1 A页面向PAGE1页面传递参数id .state('page1', { url: '/page1', templateUrl: 'tpl/page1.html', params: {id:nul

ionic $state.go() 传参

weixin_30678349的博客

04-25

例子： $state.go("tab.home" , {"hello": "world"}) 重点：接受参数的页面--tab.home，需要在配置路由的时候设置参数，如下： .state('tab.home', { url: '/home', cache: false, views: { 'tab-home': { ...

angular + ionic项目中关于 $ionicHistory

czp555的博客

05-09

675

$ionicHistory：当用户通过导航栏切换视图页面的时候，ionicHistory起到跟踪视图的作用，类似的浏览器的行为方式，一个ionic应用程序能够保持以前的视图，当前视图，和前视图（如果有一个）。然而，一个典型的Web浏览器只跟踪一个历史堆栈在一个线性的方式。不同于传统的浏览器环境中，应用程序和应用程序并行的独立的历史，如标签。如果一个用户在一个标签上浏览几页，然后切换到一个新的标签...

state.go()传参问题

cxp158021的博客

02-29

1134

1.在被传递的配置信息加上 params这个字段，并按需配置 .state('password2', { url: '/password2', params:{username:'', validcode:''}, templateUrl: 'templates/password2.html', controller: 'Password2Ctrl' }

$state.go 传递参数

幸运女神在微笑。

01-18

1万+

在目标页面规定接受的参数：$stateProvider.state('page2', {params: {'data': null}}) 传参：$state.go('page2', {data: 'aaa'}); 目标页面接受参数：控制器注入$stateParams之后可以通过$stateParams.data来获取‘aaa’

angular中$state.go页面跳转并传递参数

Jiaen188的博客

05-08

1万+

遇到一个页面跳转的时候，在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage，一种用broadcast和on，然后老大说不用这么麻烦，既然都$state.go了直接带参数，这次就介绍一下$state.go页面跳转传递参数。 1.路由页面（注意这里要在路由上添加一个参数用于传递数据，不然在页面跳转的时候会filter） .state("home.workpiece",{

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

junehappylove（王俊伟）的专栏

05-22

2309

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('l

ionic 路由使用$state.go父页面向子页面传递参数

WhoWrongsWhere的专栏

08-03

7081

1.父页面的路由配置 .state('tab.article', { url: '/article', nativeTransitions: { type: "fade" }, views: { 'tab-article': { templateUrl: 'templates/article/article.html', control

使用Ionic.Zip.dll实现文件的压缩与解压加密

在讨论“Ionic.zip.dll”这一组件之前，我们首先要了解文件压缩和解压缩的基本概念，以及加密在其中的作用。文件压缩是一种减少文件占用存储空间的技术，广泛应用于文件传输和存储优化。而加密压缩则是将压缩文件...