Question

目前，我正在从事Angular项目。

我想创建一个选择按钮，当我单击其中一个选项时，它会在.ts文件中调用一个函数。它必须随其发送所选的选项。

现在我正在使用以下代码：

在我的HTML中

<select class="btn add" (change)="onChange($event.target.value)">
    <option value="" disabled selected>Choose...</option>
    <option *ngFor="let option of listOfOptions >{{option}}</option>
</select>

在我的.TS

private listOfOptions = ['delete'];

以及必须触发的功能。

onChange(option) {
    if(option = 'delete') {
      console.log('Triggered delete!');
  }
}

如您所见，当前我正在使用（change）事件。但是当它在“删除”上时，您将再次单击“删除”，那是行不通的。因此，我想将其更改为（单击）。但是，当我这样做时，它会触发打开选择器，而不是在选择选项时触发。

我如何做到这一点，以便当我在选择器中选择一个选项而不是选择器本身时总是触发？

Answer 1

将change侦听器放在select标记上。

<select (change)="onChange(...)">

Answer 2

您可以这样做：

<option (click)="yourFunction()">

您可以输入参数，以便可以看到已单击的选项。

单击而不是更改时激活选择器上的触发器

2 个答案: