How to remove validators in angular 4 dynamic form

Question

I have the below form group.

this.rForm = fb.group({
'categoryName': [null, Validators.required],
'categoryImage': [null, Validators.required],
'mainCategoryId': [null, Validators.required],
'subCategoryName': [null, Validators.required]
});

And "mainCategoryId" refers to a dropdownlist. When i change value in that drowpdown, according to the value, i want to keep or remove the validators of "subCategoryName". Then i use below code in ngOnInit().

this.rForm.get('mainCategoryId').valueChanges.subscribe(
    (mainCategoryId) => {
       if(!this.isSub){
          this.rForm.get('subCategoryName').clearValidators();
          this.rForm.get('subCategoryName').updateValueAndValidity;
       }
    }
 );

It comes inside the IF statement, but it is not removing the validators. Still checks for required. What am i doing wrong? I simply want to remove the validation for required.

Arun Kumaresh · Accepted Answer · 2017-12-28 11:39:27Z

1

try this

this.rForm.controls['subCategoryName'].clearValidators();

or you can use setvalidators and set it to null

this.rForm.controls['subCategoryName'].setValidators(null);

answered Dec 28, 2017 at 11:39

Arun Kumaresh

6,2966 gold badges37 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vithushan Over a year ago

No. It didnt make any difference. Same result

Arun Kumaresh Over a year ago

is required validation is triggered before removing the validators

Arun Kumaresh Over a year ago

if validation is triggerred it wont remove it

Collectives™ on Stack Overflow

How to remove validators in angular 4 dynamic form

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related