加载与Id相关的数据，这些数据存储在本地存储Angular 10中

Question

我将我的公司 ID 保存在本地存储中。当客户访问分支机构页面时，我需要显示与公司相关的分支机构存储在本地存储中。目前它正在显示所有分支。

我的选择公司下拉菜单在另一个组件中，而我的表格在另一个组件中。

 ngAfterViewInit() {
   this.getBranches();
 }

  getBranches() {
      let id: number;
      id = +localStorage.getItem('cid');
      console.log(localStorage.getItem('cid'));
      this.branchService.getBranches().subscribe(x => {
         Object.assign(this.branchData, x);
         this.branchData = this.branchData.filter(b => b.CompanyId = id);
      });
  } 

Answer 1

问题不在于localStorage，而在于订阅。 this.branchData = this.branchData.filter(b => b.CompanyId = id); 那条线导致了问题。

我建议：

branchData: any; // Or an defined Entity

ngAfterViewInit() {
  this.getBranches();
}

getBranches() {
 this.branchService.getBranches
  .pipe(filter(data => data.CompanyId === +localStorage.getItem('cid'))
  .subscibe(data => this.branchData = data);
}

如果你在 DOM 中使用 branchData，我建议使用异步管道并像这样设置

branchData: Observable<any>;

...
getBranches() {
 this.branchData = this.branchService.getBranches
  .pipe(filter(data => data.CompanyId === +localStorage.getItem('cid'));
}

// inside DOM

<p>{{(branchData | async)?.CompanyId}}</p>

尚未测试，但应该可以。