Angular 6:将数据保存到本地存储

时间:2018-07-26 10:05:21

标签: angular html5 typescript local-storage

我有一个数据表,该表显示来自外部API的数据,我希望表页面上的项目数/元素应保存在本地存储中

这是我到目前为止尝试过的:

 ngOnInit() {
  this.moviesService.getPopularTVShows().subscribe(res => {
    this.dataSource = new MatTableDataSource(res.results);
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
    localStorage.setItem(this.dataSource, this.dataSource.length);
    console.log(localStorage.length);
  });
}

运行我的应用程序时,控制台显示undefined

我的代码有什么问题?欢迎任何帮助或建议,新手可以尝试新的东西。

3 个答案:

答案 0 :(得分:16)

在将数据存储到本地存储时应定义一个键名,该键名应该是一个字符串,值应该是一个字符串

 localStorage.setItem('dataSource', this.dataSource.length);

要打印,您应该使用getItem

console.log(localStorage.getItem('dataSource'));

答案 1 :(得分:4)

首先,您应该了解localStorage的工作方式。您正在错误的方式来设置/获取本地存储中的值。请阅读以下详细信息:How to Use Local Storage with JavaScript

答案 2 :(得分:1)

您可以使用localStorage来存储json数据:

示例如下:-

g++ -o test_mongo test_mongo.cpp -I/usr/local/include -L/usr/local/lib/ -lPocoMongoDB -lPocoNet -lPocoFoundation