2016-11-14 3 views
0

フォーム要素がユーザー入力ごとに変更される動的フォームを開発しています。フォームグループに存在する各要素を手動で作成する代わりに、<form></form>タグにFormGroupオブジェクトを追加するだけで、完全なフォームを生成できますか?例について角2:FormGroupからフォームを作成できますか?

Component.ts

fb: FormBuilder; 
formGroupData: FormGroup; 

constructor() { 
this.formGroupData= this.fb.group({ 
      selectedItem: ['', Validators.required], 
      selectedAmount: ['', Validators.required] 
     }); 
} 

HTML:

<form [formGroup]="formGroupData"></form> 

これは素子selectedAmountとのSelectedItem要素を追加することなく、フォーム全体を作成する必要があります。これは可能ですか?なぜここに害は何ですか?

+1

FormControlのそれぞれに対してどのようなタイプの入力が作成されるのか、どのように知っていますか? – Michael

+0

これは、FormGroup要素属性として含めることができます。非常によく似た方法で、バリデーションはそれに焼き付けられました。右? –

答えて

0

彼らはそのように動作するフォームを構築しませんでした。それは特に<label>、入力接頭辞と接尾辞、および他のビュー側のものを追加するときにCSSに挑戦します。最終的には、この方法でビューとモデルを分離することが目標でした。

ビュー側のものにアクセスする必要がある場合は、Rendererクラスを使用して、このようなディレクティブを作成することができます。

+0

しかし、私はこれがReactiveFormsModuleに含まれている可能性があると感じています。これにより、バニラHTMLフォームを探している人にとって開発時間が大幅に短縮されます –

関連する問題