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

时间:2018-12-11 14:15:51

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

我在一个角度为6的Web应用程序中有一个链接,当我单击它时,我想使用本地存储中的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,也不会显示任何错误。

1 个答案:

答案 0 :(得分:0)

使用clearFilter()SendToPage方法是一个竞争问题,我在sendToPage方法内调用storage就是这样:

HTML(点击内)

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

方法:

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

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