在打字稿中删除数组中的多个相同数据[重复]

Question

1. 我想看图片中的单个数据enter image description here

打字稿

onQualityControlWareHouseStock(item)
      {    
         alert(item)
        this.qualitycontrolservice.getWareHouseStock(item).subscribe((x:any) =>  {
          this.qualityControlWareHouseStock = x.Result;   
                               
       })
      }

HTML

<select>                        
    <option *ngFor="let binCode of qualityControlWareHouseStock" [ngModel]="binCode.BinCode" ngDefaultControl>{{binCode.BinCode}}</option>
 </select>

WareHouse 模型有 BinCode 字段

Answer 1

由于您使用的是 Observable，因此您可以使用 take(1) 获得第一个返回值。这将在发出一个值后立即取消订阅您的 Observable

this.qualitycontrolservice.getWareHouseStock(item).pipe(take(1)).subscribe(
(x:any) =>  {
        this.qualityControlWareHouseStock = x.Result;   
}

如果您只想返回一个元素，但可以返回多个元素，另一种解决方案 仅存储唯一条目

function onlyUnique(value, index, self) {
  return self.indexOf(value) === index;
}

this.qualitycontrolservice.getWareHouseStock(item).pipe(take(1)).subscribe(
(x:any) =>  {
        this.qualityControlWareHouseStock = x.Result.filter(onlyUnique);   
}