i am Roger Li

如何在Angular4 實作2-way data binding? 以往的 [(ngModel)] 不能運作?!

發現在Angular 4 內依從網上部分的Angular 2 教學去使用 [(ngModel)] 作2-way binding 的方法無效。

不想花時間去了解 ngModel 的改變,直接利用以下方法亦可實作 two-way data binding:

<input input=」」 myvalue01=」$event.target.value」 value=」」 />

 別忘了在下方要export 的class 內加上:

  @Input() myValue01;

 雖然這樣的binding看來沒甚麼意義,就當是個參考吧。

後續:
後來發現該教學沒有註明需要在 app.module.ts 內import FormsModule:

import { FormsModule } from 『@angular/forms』;

這樣對初學者真是一大陷阱……

發表回覆

你的電郵地址並不會被公開。 必要欄位標記為 *