angular.js路由传参刷新会消失的问题

最新推荐文章于 2024-01-24 10:32:17 发布
最新推荐文章于 2024-01-24 10:32:17 发布
阅读量2.2k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： angular ui-router
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Zheng_lucky/article/details/83618345
本文探讨了在使用AngularJS时遇到的一个常见问题：通过params传递的路由参数在页面刷新后会丢失。文章提供了两种解决方案：一是将参数配置在URL上，使参数可见；二是介绍了一种在HTML页面中实现参数持久化的写法。欢迎读者分享更优的解决方案。

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

angular.js路由传参刷新会消失的问题

1.最近公司用angular.js，发现一个问题，如果是上一个页面携带参数过来，在当前页面刷新，参数会丢失
在这里插入图片描述这里是用params进行参数的传递，参数不会出现在地址栏上，但是刷新界面会丢失参数。

解决办法

1.路由配置写法
在URL上面携带配置的参数
在路由配置的时候把参数配置在URL上面，这个写法参数会出现在地址栏上

2.HTML页面写法在这里插入图片描述
两种写法在控制器中获取是一样的，谁有更好的办法，欢迎指正

Zheng_lucky
关注
angular10 从一个系统跳转另一个系统路由参数丢失问题解决方案
朝花夕拾的博客
10-11 571
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="renderer" content="webkit" /> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-.
vue前端项目--路由vue-router
最新发布
As_Yua的博客
08-07 1049
早期的网站开发中，服务器负责生成完整的 HTML 页面，并将其发送给客户端展示。每个 URL 对应一个特定的控制器(Controller)，该控制器负责处理请求并生成相应的 HTML 内容。这种方式有利于搜索引擎优化（SEO），因为搜索引擎可以轻松抓取完整的 HTML 内容。缺点是页面更新时需要重新加载整个页面，导致用户体验不佳，且 HTML 和业务逻辑混杂在一起，难以维护。随着 Ajax 技术的出现，前后端分离成为可能。
angular 获取当前路由（ps：侧边栏选中状态在网页刷新后消失）
strong90的博客
04-12 962
import { Component, OnInit, Input } from '@angular/core'; import { MenusService } from '../../../core/menus/menus.service'; import { PlatformLocation } from '@angular/common' @Component({ selector...
【路由带参跳转】解决带参跳转到别的页面然后刷新页面参数就会丢失问题
丁东的博客
03-09 1267
参数并没有丢失，只是无法解析了，接下来说一下解决方法。可以看到获取到得参数变成了。
angular：路由失效问题
Cloud Flower的博客-专注unity
03-10 703
使用nesting routes时，发现lazy load的模块（假设XXXModule）的路由失效了，进行lazyload加载的path匹配失效。最后查找到原因，XXXModule被某个模块直接注入了，然后路径刚好匹配XXXModule的路由，这时候路由会忽略lazyload的匹配。
AngularJS，ui-router快速清除url参数
[暂停使用]任先阳
10-19 1480
哈，好久不用AngularJS 查看源码得知，https://cdn.bootcss.com/angular-ui-router/1.0.20/angular-ui-router.js 在老版本上也可以用，例如0.2.15版本，附送demo一只~ &lt;!DOCTYPE html&gt; &lt;html ng-app="app"&gt; &lt;head&gt; &lt;...
Angular.js跨controller实现参数传递的两种方法
10-20
在Angular.js中，由于各个Controller并不共享Scope，因此在不同Controller之间传递参数需要采用特定的机制。本篇文章将详细介绍两种常见的在Angular.js中跨Controller传递参数的方法：使用Service和利用$stateParams...
详解angularjs跨页面传参遇到的一些问题
10-17
在`app.js`配置文件中，可以设置路由参数，例如： ```javascript .state('targetPage', { url: '/target', templateUrl: 'target.html', controller: 'TargetCtrl', params: {'args': {}} }) ``` 然后，在起始...
AngularJS页面传参的5种方式
10-20
首先，在app.js中配置路由，例如，从`producers.html`到`producer.html`的跳转。在路由配置中，`producer`状态的URL包含`:producerId`占位符，这将在页面跳转时被替换为实际参数。在`producers.html`中，通过`ng-...
Nginx上发布Angular解决路由问题
沐雪架构师
11-17 73
一、安装Nginx服务器 实验的机器 CentOS7.9 yum install epel-release yum -y install nginx 安装 修改nginx的端口，默认80，改为9090： vi /etc/nginx/nginx.conf server { listen 9090; listen [::...
angular2中router路由跳转navigate的使用与刷新页面问题详解
08-30
主要给大家介绍了angular2中router路由跳转navigate的使用与刷新页面问题的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
angular路由跳转，并获取参数问题
z_alvin的博客
08-19 4865
angular路由跳转，并获取参数问题
AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题
热门推荐
IT全栈 华强工作室
01-14 5万+
解决AngualrJS页面刷新导致异常显示问题 绪 俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。 页面正常加载后，显示如下： 按F5刷新之后，页面如下所示: 很明显，页面显示出现了异常。回过头再看看Chrome的
angular12页面返回不刷新解决办法
weixin_46824776的博客
11-18 812
angular12页面返回 不刷新配置、解决办法
angularjs post @ResponseBody 取不到值
chongyupou5046的博客
01-06 267
springmvc后台 @RequestMapping(value = "/denglu",method = RequestMethod.POST) @ResponseBody public String denglu( Person us){System.out.pri...
Angular 路由传参的两种方式
秃头y的博客
08-15 833
Angular 路由传参的两种方式
vue3 路由传参，参数隐藏不在地址栏显示（history）
2301_76282668的博客
01-24 6792
在 Vue 3 中，通过路由导航传递参数的方式分为两种：基于 URL 的传参（例如使用路由的 params 或 query）和基于 HTML5 History API 的传参（不在地址栏显示参数）。
解决Angular设置路由时，地址栏出现"!"的问题
Essentric_
04-28 615
AngularJS升级到了1.6版本后，默认视图链接中显示“#!/..”即多出一个“！”。解决方法一：在a标签的href属性中添加一个“！”：解决方法二：修改视图链接的默认显示：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值