Angular 4：<option> 上的（单击）事件-标签未在 IE11 中触发答案

【问题标题】：Angular 4: (click) event on <option>-Tag not firing in IE11Angular 4：<option> 上的（单击）事件-标签未在 IE11 中触发
【发布时间】：2017-11-15 14:15:57
【问题描述】：

在我的应用程序中，我在选项标签上使用角度（点击）事件。该事件在 Chrome 和 Firefox 中正确触发。遗憾的是它没有在 IE11 中触发。

我的代码如下所示：

<select ...>
    <ng-template ngFor ...>
        <optgroup ...>
            <option ... (click)="fireEvent()">...</option>
        </optgroup>
    </ng-template>
</select>

（“...”只是一些属性的缩写，在这里没有任何影响。）

根据其他一些互联网来源，我的 IE11 问题和 Angular 中的单击事件似乎是一个已知问题，因为......让我们这么说很久了：D

对于其他 HTML 结构，有一些解决方案在这种情况下不起作用。

有人知道 IE11 的一些解决方法吗？

【问题讨论】：

Reference 而不是点击选项，您应该尝试其他方式。

标签： html angular events click internet-explorer-11

【解决方案1】：

我自己找到了解决此问题的方法。我没有设法让点击事件运行，所以我尝试实施一种解决方法。我的解决方法是在标签上使用（更改）事件。每次我单击另一个选项时，都会发出（更改）事件。当前选定项目的模型仍在我的角度组件中更新，所以一切看起来都很好。

<select ... (change)="fireEvent()">
<ng-template ngFor ...>
    <optgroup ...>
        <option ... >...</option>
    </optgroup>
</ng-template>

【讨论】：