5
Q1。テンプレート内input
フィールドのすべての同様のタイプを検証するためにngControl with Angular2
ValidNumber = new Control('', CustomValidators.number({min:1, max:10}))
:は、それが一つの制御 すなわちを持つことは可能ですか?
Q2。これらのフィールドはngFor
で生成できますか?
FailedMethod 1:検証が動作しますが、値が連結されています。
<input [ngFormControl]="ValidNumber" name="num1" type="number"/>
<input [ngFormControl]="ValidNumber" name="num2" type="number"/>
FailedMethod 2: formBuilderで、それは上記と同じです。
<form [ngFormModel]="formBuiltWithFormBuilder">
<input ngControl="ValidNumber" name="num1" type="number"/>
<input ngControl="ValidNumber" name="num2" type="number"/>
</from>
目的の明確化:私はngFor で生成され、同様の検証を必要とする可能性があるフォームフィールドを検証しようとしている
。
他の場所で同様のコントロールを繰り返し定義しないでください。
値私はまたは
ngModel
のような他の方法で抽出することができます。ngControl
は妥当性検査です。
私はこのようなものを「精神的に」コード化しましたが、テンプレートのngFor以外にもループしないようにしようとしています。それは本当のチャレンジがあるところです。 –
コード 'ValidNumber = new Control( ''、CustomValidators.number({{min:1、max:10}))'を指示文に移動すると、 '' ngFor'の繰り返しを使うことができます。あなたのコードのもう一つ。 –
Angular2(2.2.x)の現在のバージョンでは、ControlはFormControlで、[ngFormControl]は[formControl] – isevcik