2017-09-26 10 views
0

私は反応型をAngularで再生していますが、カスタムコンポーネントからフォームへの変更を伝播する際に問題があります。ControlValueAccessorを実装していますが、値をフォームに伝播していません

たとえば、plunkrには、flatpickrで作成された日付入力コンポーネントが表示されます。

https://plnkr.co/edit/okIjPb6aUcrzx3t7edae?p=info

あなたはそれが財産日付を設定するとき、それは外部のフォームに変更を伝播する必要があることを、具体的には、コードのこの部分を見ることができますが、いや、フォームが更新されていません。

​​

また、角度のネイティブイベントで動作するplunkrにカウンタ入力の例があり、完全に機能します。

しかし、カスタムイベントを使用する日付入力(私は推測します)では動作しません。

解決策は旧Angularjsの古いapplyAsyncのようなものですが、Angularはゾーンを使用してこれらの問題を修正すると約束していました。私はこの問題について啓蒙をしたい。

+1

あなたはこの記事が参考に見つけるかもしれないHTTPS([アンギュラ形でControlValueAccessorを実装するときに二度と混乱する]:// blog.angularindepth.com/never-again-be-confused-when-implementing-controlueaccessor-in-angular-forms-93b9eee9ee83) –

答えて

1

あなたのFormGroupにあなたのコントロールをバインドするのを忘れ:

<date-input [date]="date" formControlName="date"></date-input> 
          ^^^^^^^^^^^^^^^^^^^ 
           add this 

Forked Plunker

関連する問題