localStorage：我无法使用 @ngx-pwa/local-storage 删除项目答案

【问题标题】：localStorage: I can't remove an item using @ngx-pwa/local-storagelocalStorage：我无法使用 @ngx-pwa/local-storage 删除项目
【发布时间】：2018-12-11 14:15:50
【问题描述】：

我在 angular 6 webapp 中有一个链接，当我单击它时，我想使用本地存储中的 removeItem（项目为 dateFilter）。我正在使用@ngx-pwa/local-storage

我的 app.components.ts 中的方法

 clearFilter(){       
    this.storage.removeItem('dateFilter').subscribe(() => {});
  }

我的 HTML app.component.html

 <li *ngIf="user.storeOwner || menu.includes('report_employees')">
   <a class="sub-links" (click)="sendToPage('/employees-report', langs.reports + ' > ' + langs.professionals); clearFilter()">
     {{langs.professionals || 'Profissionais' }}
   </a>
 </li>

当我点击一切正常，但它不会删除项目 dateFilter 并且不会显示任何错误。

【问题讨论】：

我认为您是直接从开发人员工具中检查。当您从 store.getItem('dateFilter') 检查它时会发生什么？

标签： javascript angular local-storage progressive-web-apps

【解决方案1】：

这是与 clearFilter() 和 SendToPage 方法竞争的问题，我在 storage 方法中调用 sendToPage 如下：

HTML（点击内）

 (click)="clearFilter('/employees-report', langs.reports + ' > ' + langs.professionals)"

方法：

 clearFilter(url, desc){
    this.storage.removeItem('dateFilter').subscribe(() => {
      this.sendToPage(url, desc);
    });
  }

我将参数传递给方法以删除sendToPage之前的项目

【讨论】：