javascript - 如何在 ngFor 中仅显示单个值或单个替代值？

Question

我想在 ngFor 中循环整个数组，最后显示单个值(满足条件)或显示单个替代值(不满足条件)排除所有其他循环值。我的意思是我不想显示循环中除一个值之外的任何其他值。

 <div *ngFor="let arr1 of array1">                                                
    <div *ngFor="let arr2 of array2>                                                                                                              
       <input [value]="arr1.id==arr2.id?arr2.quantity:'0'>
     </div>   
  </div> 

Answer 1

相反，我建议您在组件文件中执行此操作:

Public qty: number = 0;  // initialize with default value

Public getQty():number {
  this.qty = array1.filter((item, key) => { // filter the array1
     if(item.id === array2[key].id){    // check if item.id is found in array2
        return item;  // then return the item from array1.
     }
  })[0].quantity;
}

ngOnInit(){
   this.getQty(); // call it here or wherever it is required.
}

在模板中您可以使用以下属性:

<input [value]="qty">