angular - 是否可以将自定义 onChange 函数添加到 Angular2 中的默认 FormControl？

Question

是否可以向默认 FormControl 添加自定义 onChange 函数？目前我看到了在自定义输入上注册 onchange 函数的示例，但没有在默认 FormControl 上注册。

Answer 1

可以绑定(bind)到 FormControls 的更改事件。对于 input 框，您需要绑定(bind)到 input 事件，对于 dropdown 框，您需要绑定(bind)到 change事件。

<form [formGroup]="form">
    <input  formControlName="inputControl"
          (input)="inputChange()"
          placeholder="Enter a Value"/>
    <select formControlName="dropdownControl"
            (change)="dropdownChange()">
        <option>Beetle</option>
        <option>Lady Bug</option>
        <option>Grasshopper</option>
        <option>Firefly</option>
    </select>
</form>

这是一个Plunkr演示事件的工作原理。