Angular - 选择选项元素上的单击事件

Question

在我的 Angular 4 应用程序中，我使用了一个 select 元素。单击选择元素中的一个选项，我想打开一个对话框。但是，我找不到如何查询该选项是否被点击的解决方案。我在选择中只有一个选项，因此我无法查询该值是否更改，因为该值无法更改。

是否有可能在选项元素中有点击事件？

Answer 1

您无法收听 的点击事件<option>。

您可以使用

<select ngModel (ngModelChange)="mySelectHandler($event)">
  <option *ngFor="let value of options" [ngValue]="value">{{value.text}}</option>
</select>

在选择一个选项后执行代码。

Answer 2

您可以添加一个禁用选项，以便您可以使用更改事件，例如：

<select #selectList (change)="setValue(selectList.value)">
                      <option value="null" disabled>Select a Value</option>
                      <option  *ngFor="let o of Options" value="{{ o | json }}">{{c.name}}</option>
</select>