Set Validators on Nested FormControl objects with Angular 8

Question

How do I set validators on a nested FormControl with child objects? This product below, actually has members: productId, productName, productDescription (coming from a dropdown select) I want to set validators productId > 4 .

this.editSharedForm = this.formBuilder.group({
   'customerName':[null,[Validators.maxLength(50)],
   'customerPhone': [null, [Validators.maxLength(10)]],
   'product': new FormControl('')

Following is not working:

this.editSharedForm.get('product').get('productId').setValidators(Validators.min(5))

this.editSharedForm.get('product').value['productId'].setValidators(Validators.min(5))

Errors being Undefined error for first one, not a function for second command.

Simply use this.editSharedForm.get('product').setValidators(yourValidators) and then call this.editSharedForm.get('product').updateValueAndValidity() in order to run the new validators. — Andrei Gătej
– Andrei Gătej, Commented Jan 18, 2020 at 22:55
'product':this.formBuilder.group({productId:new FormControl(null)}) — Mustafa Kunwa
– Mustafa Kunwa, Commented Jan 20, 2020 at 11:12
hi @AndreiGătej feel free to place in answer, and I can send points, thanks — user12425844
– user12425844, Commented Jan 29, 2020 at 17:49

Andrei Gătej · Accepted Answer · 2020-01-29 20:12:50Z

1

You can simply use

this.editSharedForm.get('product').setValidators(yourValidators)

and then call

this.editSharedForm.get('product').updateValueAndValidity()

in order to run the new validators.

answered Jan 29, 2020 at 20:12

Andrei Gătej

12.1k1 gold badge22 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Set Validators on Nested FormControl objects with Angular 8

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related