javascript - 如何从选择列表和复选框填充对象数组并将此数组用于表格

Question

我想创建一个对象数组并将这个数组用于一个表中。该数组将从列表和一些复选框接收数据。主要问题是，如果用户从列表中选择另一个产品，表格将只添加该数组中的新产品，但旧产品将保留在表格中。

products = [
{code: '123', name: 'product1'},
{code: '321', name: 'product2}'
]

<select formControlName="modelPDC" (click)="selectProduct()">
      <option *ngFor="let prod of this.products" 
      [value]="prod.code">{{ prod.name }}</option>
</select>

<tr>
        <td>{{ productSelected.name }}</td>
        <td>{{  productSelected.code  }}</td>
</tr>

//I will use *ngFor to populate the table.
//The productSelected will be the array filled with the data selected in 
//the list and others check boxes.

我知道如何填充数组，我将使用 .push 方法，但我不知道如何避免表中的重复字段(数组 -> productSelected)。我想搜索数组，看看是否选择了产品只是为了删除它，或者类似的东西。

我希望我的 war 足够清楚..谢谢!

Answer 1

如果复选框值为真，则检查是您产品的复选框值，并且所选产品中不存在该产品然后将其插入其他如果检查为假且该产品存在于所选产品列表中，您可以使用拼接将其删除

  setToArray(prod, check){
      if(!check && selectedProd.includes(prod)) {
         selectedProd.splice(selectedProd.indexOf(prod),1)
       }
      else if(check && !selectedProd.includes(prod)){
       selectedProd.push(prod);
    }
    }