【ACW-A】ReactiveForms 中不再推薦使用 ngModel

類別

API 更新／API Change Warning

置信度

Announcement

起始時間

2018-03-08

內容

然而大部分人應該都不知道原來 Reactive Forms 中也能用 ngModel。

之前的版本中，雖然從未在各類教程或指南中出現過，但 ReactiveFormsModule 確實提供了 ngModel 的支持，即可以使用類似於：

<input [formControl]="myControl" [(ngModel)]="myValue">

或者：

<input formControlName="myControl" [(ngModel)]="myValue">

不過這種用法顯然背離了 ReactFormsModule 的設計初衷，並且很容易引發數據流的混亂。

自 6.0.0-rc.0（暫定）版本開始，FormControl 與 FormControlName 自帶的 ngModel 支持被不推薦使用，只限於 Reactive 的方式使用。之後的版本中可能將會移除相關支持。

如需使用 ngModel 需要引入 FormsModule，並且避免與 FormControl 混用。

相關鏈接

• FormControl/FormControlName 移除 ngModel 支持的 Commit：refactor(forms): deprecate ngModel usage on same field as formControl… · angular/angular@8fb34bc

推薦閱讀：