刷新后将数据保留在页面中

用户名

我的角度项目中有2个页面,其中一个是主页,另一个是弹出页面。我在弹出页面中输入数据以输入标签,然后单击添加按钮将数据添加到主页。它运行良好。我将数据保存在主页中。但是如果刷新页面(主页)数据似乎不再。您有任何想法吗?

我做了一些研究并了解了本地存储和cookie。但是我可以将数据从一个页面发送到另一个页面。我要做的就是将数据保留在页面中,我该如何处理呢?

我了解的是我们使用localstorage将数据发送到另一页。对吗?

woo

这可以通过localStorage完成。

一个例子:

localStorage.removeItem('Array');
localStorage.setItem('Array', JSON.stringify(this.array));

上面是保存它以取回它的方法,您可以在ngOnInit中执行以下操作

this.array = JSON.parse(localStorage.getItem('Array'));
localStorage.removeItem('Array'); // to clear it again.

编辑

进口:

import { OnInit } from '@angular/core';

在您的组件(类)上实现它:

export class YourClass implements OnInit

在构造函数之后:

ngOnInit() { // your code here }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

刷新后如何将数据保留在localStorage中?

浏览器刷新后如何使本地存储数据保留在页面上

如何使用vuex刷新后如何将商品保留在购物车中

Thymeleaf:提交后将选定的行保留在数据表中

使用php提交后将表单数据保留在字段中

将分组后的列保留在空数据框中

Flutter:设置状态后将数据保留在文本字段中

将信息保留在页面顶部

JS,将数组数据保留在sessionStorage中的问题

如何将所选数据保留在表中?

如何将道具数据保留在Vue中?

将行号保留在数据框列中

我应该将哪些数据保留在聚合中

将页面保留在Xamarin.Forms应用程序中后,Webview不会关闭

动态刷新后如何将旧项目保留在列表视图中?

OpenWeather Api将JavaScript提取与用户输入配合使用,将以前的数据保留在HTML页面中

php中的爆炸功能,使用爆炸后如何将数据保留在文本框中?

在swiftUI关闭应用程序后,如何将数据保留在我的应用程序中?

将事件保留在Fullcalendar中

将选择保留在列表中

将文本保留在div中

页面重新加载后如何将文件保留在表单集中?. 姜戈

如何在重新加载页面后将功能保留在chrome控制台中并运行?

禁用购物车页面,但将结帐页面保留在Woocommerce中

导航到其他页面时,将值保留在页面中

使用保留,丢弃和过滤将数据帧保留在数据帧列表中

PHP:重新加载页面后,将不会保留在cookie中设置会话信息?

希望将数据保留在asp.net页面上

如何将更改后的数据值保留在选择选项上?