角2のフォームを検証に使用しようとしていますが、複数のコントロールを追加しようとしています。それはちょうど無視されるように思えます。私は他の人がどのようにそれをするのかを見るために多くの異なるガイドをたどってきましたが、それらの方法のどれもうまくいかないようです。角2のフォーム "コントロールが見つかりません"
私は何をやっていることは、私のテンプレートでこれです:
<form [formGroup]="form" novalidate (ngSubmit)="save(form.valid)">
<div class="row" id="message-wrapper">
<label>Message</label>
<small [hidden]="form.controls.message.valid || (form.controls.message.pristine && !submitted)">
Message is required (minimum 10 characters).
</small>
<textarea
class="textarea-scaled"
type="text"
[(ngModel)]="campaign.message"
formControlName="message"
placeholder="This will be sent out by supporters with a URL back to this campaign">
</textarea>
</div>
<div class="row" id="promo-wrapper">
<label>Promotion: </label>
<small [hidden]="form.controls.promotion.valid ||(form.controls.promotion.pristine && !submitted)">
Promotion is required and should be between 10 and 100 characters
</small>
<textarea
class="textarea-scaled"
type="text"
[(ngModel)]="campaign.promotion"
formControlName="promotion"
placeholder="What would you like to be sent out in promotional messages?">
</textarea>
</div>
</form>
はその後、私のコンポーネントで、私はこれを行う:
form: FormGroup;
constructor(private builder: FormBuilder,
private _dataservice: DataService) {
this.form = builder.group({
"message": ['', [Validators.required, Validators.minLength(10)]],
"promotion": ['', [Validators.required, Validators.minLength(10)]]
});
}
しかし、私は「コントロールを見つけることができません 『プロモーション』を」得続けますコンソールエラー...
何か助けていただければ幸いです!
あなたはコンポーネントに 'REACTIVE_FORM_DIRECTIVES'を追加しましたか? – micronyks
ええ、それは私の指示にあります。申し訳ありませんが私はそれを示していませんでした。 –
プランナーで再現していただけますか? – micronyks