Question

我正在尝试使用以下方法将数据存储在浏览器的本地存储中 @ngx-pwa/local-storage，因为它在常规/通用本地存储的基础上提供了额外的RxJs运算符。

版本

        "@angular/core": "^6.1.0",
        "@ngx-pwa/local-storage": "^6.2.4"

组件/服务：

       constructor(private storage: LocalStorage) {}
         /// *** /////

        const user: User = { firstName: 'lorem', lastName: 'ipsum' };
        this.storage.setItem('user', user).subscribe(() => {});

在浏览器的应用程序/本地存储=>中，数据为空。

Answer 1

@ngx-pwa/local-storage在内部使用indexedDB使操作异步。

因此，当您执行异步存储操作时，它将存储在indexedDB中。因此，您应该检查相应的标签：

Application -> IndexedDB -> ngStorage -> localStorage

请注意，此路径可能会根据配置而改变

摘自官方文档：

localStorage API易于使用但可以同步，因此如果您使用   它经常出现，您的应用很快就会冻结。

indexedDB API是异步且高效的，但是   使用：您很快就会被回调地狱所吸引，因为它不会   支持承诺。

Mozilla在localForage库方面做得非常出色：   基于本地localStorage的简单API，但通过   异步indexedDB以提高性能。但是它建在旧的ES5中   学校的方式，然后将其包含在Angular中是一团糟。

该模块基于与localForage相同的思想，但是内置   ES6 +，并另外包装到RxJS Observables中以使其同质   与其他Angular模块一起使用。

角@ ngx-pwa / local-storage无法正常工作

1 个答案: