Question

在此stackblitz example中考虑以下Angular选择。用户可以选择多个选项。有什么办法可以从其他地方取消选择这些选项？我说的是通过单击页面其他位置的按钮来删除特定项目的勾号。

Answer 1

尝试解决这个问题。

select-custom-trigger-example.ts

  removeTomato() {
    const values = this.toppings.value;
    const index = values.indexOf('Tomato');
    if (index > -1) {
      values.splice(index, 1);
      this.toppings.setValue(values);
    }
  }

select-custom-trigger-example.html

<p (click)="removeTomato()">remove tomato</p>

已编辑：如果删除了“西红柿”，则只应setValue

在Angular Select中取消选择项目

1 个答案: