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获取传入的参数值以及如何实现返回上一页和关闭当前界面的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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状态改变时动态（强制）刷新页面

做一个开心的全栈工程师

12-22

1万+

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

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

Eighteen Z

12-29

454

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

3889

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

876

ionic中路由使用方法总结

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

weixin_30919429的博客

01-10

360

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

$state.go页面传递参数

程序猿成长之路

08-02

3413

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

656

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

state.go()传参问题

cxp158021的博客

02-29

1114

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

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

Jiaen188的博客

05-08

1万+

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

$state.go 传递参数

热门推荐

幸运女神在微笑。

01-18

1万+

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

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

junehappylove（王俊伟）的专栏

05-22

2214

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() 跳转页面

04-12

5506

在tabs 中跳转到其他页面不需要添加views 如下图直接使用templateUrl 在内容选择器中给button添加事件

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

WhoWrongsWhere的专栏

08-03

7039

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

$state.go跳转中传递对象参数

一只狐猴的博客

11-14

1158

传数据 //以对象为参数传递 var petObj = JSON.stringify($scope.pet); $state.go('petDetails',{'petObj':petObj}); 在app.js中定义参数名 .state('petDetails', { //宠物详情 url:'/petDetails',

AngularJS $state.go 参数

KingCruel的专栏

03-27

2929

1、方式1 $state.go传递参数 .state('index-result', { url: '/index-result', params: { 'airline': null, 'category': null, 'menuTypes': null }, templateUrl: 'templates/index-result.html', co