angular-reactive-forms – Page 5

In Angular, how to add Validator to FormControl after control is created?

December 12, 2022 by Tarik

You simply pass the FormControl an array of validators. Here’s an example showing how you can add validators to an existing FormControl: this.form.controls[“firstName”].setValidators([Validators.minLength(1), Validators.maxLength(30)]); Note, this will reset any existing validators you added when you created the FormControl. Angular 12 update Since Angular 12, if you want to add new validators to the form without … Read more

addControl to FormGroup dynamically in Angular

December 9, 2022 by Tarik

addControl is what you need. Please note the second parameters must be a FormControl instance like so: this.testForm.addControl(‘new’, new FormControl(”, Validators.required)); You can also add the validators dynamically if you want with the setValidators method. Calling this overwrites any existing sync validators.

How to get a single value from FormGroup

December 8, 2022 by Tarik

You can get value like this this.form.controls[‘your form control name’].value

How to find the invalid controls in Angular(v2 onwards) reactive form

November 13, 2022 by Tarik

You can simply iterate over every control and check the status: public findInvalidControls() { const invalid = []; const controls = this.AddCustomerForm.controls; for (const name in controls) { if (controls[name].invalid) { invalid.push(name); } } return invalid; }

How to disable a input in angular2

November 12, 2022 by Tarik

Try using attr.disabled, instead of disabled <input [attr.disabled]=”disabled ? ” : null”/>