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';

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *