Angular ngModelChange Internet Explorer 11

Question

我使用 Angular 4.2.4 和 Angular Material 2.0.0.beta.12 并具有以下表单字段:

<mat-form-field>
    <input matInput placeholder="street" value="{{info.street}}" [(ngModel)]="info.street" (ngModelChange)="formChange()">
</mat-form-field>

在 Firefox 和 Chrome 中，一切正常，如果我更改输入值，则会触发一个事件。但是在 Internet Explorer 11 中，每次加载站点时，或者如果我关注输入字段，ngModelChange 就会触发。

有没有办法解决这个问题？ (change) 正在工作，但只有在我将输入重点放在不可行的地方时才会触发。

Answer 1

我发现占位符属性在 Internet Explorer 中有所不同。没有它，ngModelChange 将按预期工作。

这种情况的解决方法是将占位符放在方括号中:

 [placeholder]="'placeholder value'"

我假设占位符稍后(在 IE 处理它之后)附加到输入元素，这就是 IE 不触发 ngModelChange 事件的原因。