`

AngularJS ui-router $state.go('^') only changing URL in address bar, but not loa

 
阅读更多

公司前端采用的AngularJS框架,在做订单保存跳转到列表页面的时候,由于按钮加了权限(权限框架采用的是shiro),造成了跳转到列表页面,按钮不显示的问题。只有手动刷新,按钮才会出现,问了公司的前端工程师,由于$state.go(xxx)默认只改变地址栏的地址,而不会向后台真正发送请求。造成了不会走权限拦截器,拿不到这个人的权限资源。

解决方案方案一

在需要做页面跳转的地方,放上如下代码:

 var storage = window.localStorage;
  
   storage.setItem("hasRefresh",1)

 在列表页面,也就是被跳转到的地方,放上如下代码:

var storage = window.localStorage;
  
    hasRefresh = JSON.parse(storage.getItem("hasRefresh"));
    if (!!hasRefresh) {
      storage.removeItem("hasRefresh");
      location.reload();
    }

 可以解决这个问题。

解决方案二

请参照:http://stackoverflow.com/questions/21309366/angularjs-ui-router-state-go-only-changing-url-in-address-bar-but-not-loa

分享到:
评论

相关推荐

    Angularjs和ui-router的一个栗子

    UI-Router是AngularJS的一个第三方路由插件,它为AngularJS的应用提供了更高级的路由和导航管理功能。 在AngularJS中,路由是非常关键的一部分,它允许用户在不刷新整个页面的情况下跳转到不同的视图。默认的...

    AngularJS ui-router(嵌套路由)

    AngularJS 嵌套路由:这是我针对同一个主题(ui-router)的第二篇文章. 如果你对第一篇文章感兴趣的话,可以访问 这里. 好了,让我们继续吧,来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一...

    前端项目-ui-router-extras.zip

    在前端开发领域,UI Router 是一个非常流行的路由管理库,尤其在 AngularJS 应用程序中。`ui-router-extras` 是 UI Router 的一个扩展插件,它为开发者提供了额外的功能,增强了原生 UI Router 的能力。这个压缩包...

    vue-router.min.js

    vue-router.min.js

    angularjs ui.router嵌套路由demo

    AngularJS UI.Router是一个强大的路由模块,它为AngularJS应用程序提供了更复杂的导航结构和状态管理功能。这个"angularjs ui.router嵌套路由demo"是展示如何在AngularJS项目中使用UI.Router进行多级路由配置和页面...

    前端项目-angular-ui-router.zip

    **AngularJS UI-Router**是AngularJS框架中的一个强大路由模块,它提供了更高级的导航和视图管理功能,使得在构建复杂的单页应用程序(SPA)时更加灵活和可维护。这个压缩包“angular-ui-router.zip”包含了UI-...

    AngularJS ui-router刷新子页面路由的方法

    总而言之,AngularJS ui-router刷新子页面路由的方法涉及对$state服务和$timeout服务的合理运用,通过控制器中的函数调用以及配置ui-sref指令等方式实现。开发者需要根据实际应用场景灵活选择合适的方法,并通过测试...

    angularjs文件及参考文档ui-router

    UI-Router是AngularJS的一个扩展,专注于解决更复杂的页面路由问题。 在给定的压缩包文件中,我们有三个关键文件: 1. **AngularJS 中文API参考手册.chm**:这是一个帮助文件,包含了AngularJS的中文API文档。通过...

    angular-ui-router.zip

    Angular UI Router是AngularJS框架的一个强大路由模块,它为Angular应用程序提供了更灵活和强大的状态管理机制,使得在构建单页面应用(SPA)时能够更好地组织和管理页面间的导航。相比Angular内置的$router服务,UI...

    详解AngularJs路由之Ui-router-resolve(预加载)

    以下是一个简单的示例,展示了如何在`ui-router`的`state`配置中使用`resolve`: ```javascript var app = angular.module('myApp', ['ui.router']); app.config(["$stateProvider", function($stateProvider) { $...

    angularjs+require+angular-ui-router

    在本文中,我们将深入探讨如何使用AngularJS、RequireJS和Angular-UI-Router构建一个高效且模块化的前端应用。AngularJS是一种流行的JavaScript框架,用于构建动态网页应用;RequireJS是AMD(Asynchronous Module ...

    前端项目-angular-ui-router.statehelper.zip

    在本项目“angular-ui-router.statehelper”中,我们关注的是AngularUI Router的一个扩展模块,它被称为State Helper。这个助手模块是为了帮助开发者更好地管理和组织应用的状态,特别是当项目中的状态变得复杂时。 ...

    MySQL Router 8.0.27(mysql-router-community-8.0.27-1.el7.x86_64)

    MySQL Router 8.0.27(mysql-router-community-8.0.27-1.el7.x86_64.rpm),适用于Red Hat Enterprise Linux 7 / Oracle Linux 7 (x86, 64-bit), RPM Package

    AngularJS ui-router (嵌套路由) - OPEN 开发经验库2

    【AngularJS ui-router (嵌套路由)】 在AngularJS中,路由是用于处理应用程序导航和视图呈现的核心机制。ui-router是AngularJS的一个第三方模块,它扩展了原生的ng-route,提供了更强大的功能,包括支持嵌套路由和...

    Angular-UI-Router包

    UI-Router被认为是AngularUI为开发者提供的最实用的一个模块,它是一个让开发者能够根据URL状态或者说是'机器状态'来组织和控制界面UI的渲染,而不是仅仅只改变路由(传统AngularJS应用实用的方式)。该模块为开发者...

    前端项目-angular-ui-router-default.zip

    "前端项目-angular-ui-router-default.zip" 是一个与前端开发相关的压缩文件,主要涉及的技术是 AngularJS 的 UI-Router 模块。"default" 在这里指的是该模块可能用于设置默认的子视图,特别是在处理抽象状态时。 *...

    老生常谈angularjs中的$state.go

    除了$state.go之外,文档中还提到了其他两种在AngularJS中进行路由跳转的方法:ng-href和ui-sref。ng-href是传统的HTML超链接标签的属性,用于定义需要导航到的URL。与传统的href不同,ng-href配合$location服务使用...

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

    在AngularJS中,`ui-sref` 和 `$state.go` 都是AngularUI Router库中的功能,用于在应用中导航到不同的状态(states)。它们在使用场景和语法上略有不同,但最终都调用了 `$state.go` 方法来实现状态切换。 ### 1. ...

    ui-router使用教程

    UI-Router 是 AngularJS 框架中的一个强大的路由插件,它提供了更灵活的导航和视图管理机制,能够实现类似 frameset 的效果,即在不重新加载整个页面的情况下,进行页面内部的局部跳转。在深入探讨 UI-Router 的用法...

Global site tag (gtag.js) - Google Analytics