How do I use form validators in Angular reactive forms?

How do I use form validators in Angular reactive forms?

In Angular reactive forms, you can use built-in validators like Validators.required, Validators.minLength, etc. You apply them when creating the form controls.

Can you show me an example of how to implement a required validator?

Sure! You can create a form control like this: this.myForm = this.fb.group({ name: ['', Validators.required] }); This makes the 'name' field required.

What if I want to add multiple validators?

You can combine validators using an array: this.myForm = this.fb.group({ name: ['', [Validators.required, Validators.minLength(3)]] }); This requires the name to be at least 3 characters long.

How can I display validation messages in the template?

You can check the control's validity in your template. For example: <div *ngIf="myForm.get('name').invalid && myForm.get('name').touched">Name is required and must be at least 3 characters.</div>