2016年5月24日 星期二

Angular2 : How to update ngModel in directive


實作 angular2 directive 遇到一個問題,
當實作 datepicker directive 時,若已選擇日期,則同時更新 _Model.DataFrom 的值,
如下圖 _Model.DataFrom 是雙向繫結在 input 上


經研究後發現,步驟如下: ( 參加下圖 )

  1. 在 directive 的建構子宣告 @Self() cd: NgModel,即可拿到 NgModel 的 reference
  2. 需要更新 NgModel 的值的時候,呼叫 _ngModel.viewToModelUpdate(your new value)

就這樣打完收工囉!

沒有留言:

張貼留言