Angular 6 : saving data to local storage

Question

我有一个显示来自外部 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

我的代码有什么问题？欢迎任何帮助或建议，新手尝试新事物。

Answer 1

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

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

要打印，您应该使用 getItem

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