AngularJs避免state.go时回退的错误

最新推荐文章于 2019-03-02 15:31:48 发布
最新推荐文章于 2019-03-02 15:31:48 发布
阅读量361 收藏
点赞数
分类专栏： Angularjs 文章标签： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nnnnnox/article/details/73281014
版权

在我的app中，修改个人地区时需要从viewA(个人信息页) -> viewB(选择省份) -> viewC(选择城市) -> viewA(个人信息页)。
这样当从viewC -> viewA后，若按下了安卓的返回键就会导致从viewA -> viewC，但是我想要的是让viewA -> viewD(设置页面)。
但是ionic会自动记录用户的浏览记录栈，所以无法正常的返回url的上一级页面。

查阅坑爹的英文文档后，发现有移除浏览记录的方法以及获取当前视图id的方法，两者组合一起，就可以解决以上问题。

代码如下:
code

nnnnnox
关注
专栏目录
老生常谈angularjs中的$state.go
10-19
除了$state.go之外，文档中还提到了其他两种在AngularJS中进行路由跳转的方法：ng-href和ui-sref。ng-href是传统的HTML超链接标签的属性，用于定义需要导航到的URL。与传统的href不同，ng-href配合$location服务使用...
AngularJS路由之ui-router（四）$state.go页面跳转
天马3798
06-24 1万+
路由是这么定义的： ? 1 2 3 4 5 6 7 8 9 10 11 $stateProvider    .state('page1', {      url: '/page1',      templateUrl: 'views/page1.htm
Ionic中用$state.go()跳转页面时也可以有动画效果
wuqingyou_w的专栏
04-15 1万+
在做Ionic项目时，在HTML标签实现有动画效果的切换页面很简单，只要在标签中加入nav-direction="back"或nav-direction="forward"就可以实现了。但是用$state.go()怎么实现动画效果呢？其实也很简单，只要在$state.go()后面加上 $ionicViewSwitcher.nextDirection("back")或 $ionicViewSwitc
angularjs 用$state.go（）在页面跳转时传递参数
尼尔里恩
08-21 5705
第一步，首先在定义路由的地方加上param这个属性以及相应的值 .state("pagetogo", { url: "/pagetogo", templateUrl: "page/redirect/pagetogo.html", params: {'pw': null,'username':null}, }) 第二步，在待跳转页面传入相应的值 ...
angularjs 路由回退，返回到上一个路由
Four的博客
03-08 2万+
在现阶段比较流行的angularjs框架中；路由是一个比较重要的应用；angularjs的单页面是其强大功能之一； 所有的页面其实就只是在一个页面就实现的：angularjs通过对路由的控制来进行页面的跳转； 使用过angularjs的开发者都知道怎么使用ngRoute服务进行页面控制；但是楼主在最近的开发之中； 遇到一个比较棘手的问题：原本app,js已经配置好的路由，每一个页面在使用时对
详解在Angularjs中ui-sref和$state.go如何传递参数
11-26
在AngularJS中，`ui-sref` 和 `$state.go` 都是AngularUI Router库中的功能，用于在应用中导航到不同的状态（states）。它们在使用场景和语法上略有不同，但最终都调用了 `$state.go` 方法来实现状态切换。 ### 1. ...
Angular中$state.go页面跳转并传递参数的方法
08-30
在AngularJS应用中，UI-Router是一个强大的状态管理工具，它允许我们定义多个视图和状态，方便地进行页面间的导航。本篇文章将详细介绍如何在Angular中使用`$state.go`方法来实现页面跳转，并且传递参数。 首先，...
在angularJS中实现返回前一页
...
04-13 1万+
html app angular.module('ConsoleUIApp', ['ui.router','ui.bootstrap']) .config(function ($stateProvider, $urlRouterProvider, $httpProvider) { // For any unmatched url, re
angularjs $state.go跳转后刷新页面方法
希护的博客
03-02 4154
$state.go(‘herf’,{cache:true},{reload: true}); 第一，在页面跳转时，将$state.go()方法的第三个参数显示设置为{reload:true}。 第二，在路由参数中要显示设置{cache:true}这个项。 这两点双管齐下才能达到跳转后重新请求的目的。 ...
Angular懒加载机制刷新后无法回退的快速解决方法
09-01
使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.怎么回事呢？下面小编给大家带来了angular懒加载机制刷新后无法回退的快速解决方法，非常不错，感兴趣的朋友参考下
【自学笔记】$state.go()，无法跳转（地址异常）的问题
wl562354983的博客
03-22 3096
经常接触HTML，刚学AngularJS容易踩到的坑！也算不上什么问题，一点注意事项吧。ps：自学真难，尤其遇到问题还百度不到的时候，一纠结起来，一上午时间就没了！先贴代码：<!--part.html--> <div>     <a href="#" ng-click="go('test')">Click me!</a> </div&g
angular自定义服务 历史回退到“上一个页面”
黄彪博客
09-07 4680
在实际项目中，某个页面的入口可能是有多个，但是用户回退的时候，是希望进入之前进来的界面，这样就需要浏览器记住进来的界面   解决办法一（使用历史回退）： 代码如下 $scope.goBack = function(){ window.history.back(); };   上面的解决方案存在缺陷，应用场景如下： A 进入 B页面，B回退到A界面，能够正常显示 A 进入 B页
ng4流程提交后重定向跳转到指定页面后回退问题
菜鸡奋斗ing的博客
01-16 570
如题，这个问题一直困扰我很久，不知道大家有没碰到这个问题。当我提交成功一个表单后需要跳转到指定的待办列表路由后（我的跳转方式： this.route.navigate(['/home/tasks/waitApproval']);），然后点手机上的回退按钮Ios更会，直接回退到原先的表单页面上了，然后就有可能会被重复提交操作。这个是做流程所不愿看到的。 我们所期望的是提交完表单后再跳转后的页面按回
ng ui-router $state.go()跳转
琉夕东流
05-22 9202
$state.go这个是ng的路由跳转以下以例子来说明以下： 路由配置 .state('docImg',{ url:'/doc-img', templateUrl:'templates/doc-img.html', controller:'docImgCtrl' }) //
说说angularjs路由$state和$stateParams
热门推荐
Cassie's blog
01-22 4万+
文章涉及的内容比较多，但是都是关于angularjs路由的知识，故此放在一起。 本文从三个方向来分析： 1、angularjs中的路由 2、$state 3、$stateParams angularjs路由 首先解释一下什么是路由，平常我们都在说路由，那在一个web网站中，路由是什么呢？ 知乎的一个大神总结的很棒，在web开发中，“route”是指根据url分配到对应的处理程序。ht
angular Js 返回上一级页面 刷新页面的几种方法
Liradi-Birdy的博客
01-25 5505
当一个页面有多个tab的时候，从详情页面返回到主页，路由不能使用cache: true时，但是你又需要返回主页面刷新页面消息的时候，就可以使用下面的方法： // 界面缓存清理 $ionicHistory.clearCache().then(function () { $state.go('tabs.headlines', { module: "ORDER" }); }); ioni
angularjs $state.go页面不刷新数据
WenJimmy的专栏
03-31 2万+
假如进入market/beian/add添加数据，保存提交后回退market/beian列表页，没有自动更新数据，必须得手动下拉刷新才会出来 $state.go("marketBeian",{},{reload:true}); 搜索后参考参考设置路由控制器 $statePrivider.state({})这个方法中的参数是对象，其中有项属性配置是cache:true/false, ，
angularjs中的$state.go
diejiankuai3444的博客
10-03 195
路由是这么定义的： $stateProvider .state('page1', { url: '/page1', templateUrl: 'views/page1.htm', controller: 'page1Ctrl' }) .state('page2', {...
通过ng-Img-Crop实现头像截取
nnnnnox
09-03 3210
通过ng-Img-Crop实现头像截取
$state.go如何打开新标签页
最新发布
03-29
$state.go无法直接打开新标签页。通常情况下，打开新标签页需要通过浏览器的API实现。以下是一种实现方法： 1. 在控制器中注入$window服务： ```javascript app.controller('MyCtrl', function($window) { // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值