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

以下是我迄今为止try 过的:

 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

我的代码怎么了?欢迎任何帮助或建议,新手try 新东西.

推荐答案

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

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

要打印,应该使用getItem

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

Typescript相关问答推荐

自定义挂钩上的React useState正在忽略提供的初始状态

推断类型

为什么在TypScript中将类型守护的返回类型写成This is(

如何创建泛型类型组件来使用React Native的FlatList或SectionList?'

找不到带名称的管道''

返回同时具有固定键和变量键的对象的函数的返回类型

为什么TypeScript假设文档对象始终可用?

与字符串文字模板的结果类型匹配的打字脚本

ANGLE找不到辅助‘路由出口’的路由路径

用于验证字符串变量的接口成员

类型TTextKey不能用于索引类型 ;TOption

Fp-ts使用任务的最佳方法包装选项

垫表页脚角v15

如何使用模板继承从子组件填充基础组件的画布

在Mac和Windows上运行的Web应用程序出现这种对齐差异的原因是什么?(ReactNative)

TYPE FOR ARRAY,其中每个泛型元素是单独的键类型对,然后在该数组上循环

类型实例化过深,可能是无限的&TypeScrip中的TupleUnion错误

如何在Reaction 18、Reaction-Rout6中的导航栏中获取路由参数

扩展对象的此内容(&Q;)

如何使用 AWS CDK 扩展默认 ALB 控制器策略?