2017-09-18 13 views
1

カスタム入力コンポーネントを作成してフォームに再利用したいのですが、formGroupとformControlNameで問題が発生しています。子コンポーネントのformControlName

// Form 
<form [formGroup]='loginForm'> 
    <custom-input [myFormControlName]='email'></custom-input> 
</form> 

// CustomInput Component's Template 
<input formControlName='myFormControlName'> 

問題はformControlNameがFormGroupディレクティブで使用されることを期待していると私はそれがformControlNameを見つけることができませんサブコンポーネントでformControlNameを使用していますので、ことのように見える...誰もがそれを回避する方法を知っています?

答えて

2
+0

おかげであなたの助けのためにもっとここで読むあなたの子コンポーネントにcontrol value accessorを実装する必要があります。私はフォローアップの質問があります。私はかなり基本的な入力を使用したいので、私はControlValueAccessorのインターフェイスを定義する必要がありますか?はい、どうすればDefaultValueAccessorを使用できますか? – Gabriel

+0

私はこのような試みはしていない/私は通常、コントロール値のアクセサーを実装しています。 – alexKhymenko

+1

しかし、あなたはDefaultValueAccessorを拡張することができます。 componentNameはDefaultValueAccessorを継承し、すべてのメソッドはデフォルトのvalueAccessor – alexKhymenko

関連する問題