Question

在我的Angular 4应用程序中，我使用的是select元素。单击select元素中的选项，我想打开一个对话框。但是，我无法找到一个解决方案，如何查询该选项是否被点击。我在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>

Answer 3

<nz-select <!-- begin snippet: js hide: false console: true babel: false -->

  ngModel="bank"
  nzAllowClear
  nzPlaceHolder="Select Bank"
  (ngModelclick)="onSelectedBank($event)"
  >
  <nz-option *ngFor="let bank of bankList" nzValue="{{ bank.id }}" nzLabel="{{ bank.bank_name }}"></nz-option>
</nz-select>

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

3 个答案: