Angular Form Validation Error - Cannot read property 'errors' of undefined

Question

I tried to use angular form to validate user's input in a "ionic generated component" but error as mentioned in the title kept occurring.

Angular forms and validations used in "ionic generated pages" are working fine.

Any ideas?

Picture of :

Brian Lee · Accepted Answer · 2020-01-25 10:24:39Z

1

I managed to fix this by using the solution here https://stackoverflow.com/a/57251807/9516387

Which is:

You checking for the presence of an error where no error might exist.

You want something like this:

f.email.errors?.required

Or even:

f.email?.errors?.required

Do the same for the password field and anywhere else where the property might not exist when it is first called.

answered Jan 25, 2020 at 10:24

Brian Lee

113 bronze badges

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

Comments

Mridul · Accepted Answer · 2020-01-25 09:11:24Z

0

You should try to access it by f.controls.recipientName.errors

answered Jan 25, 2020 at 9:11

Mridul

1,3661 gold badge8 silver badges19 bronze badges

Thanks for the reply but it still couldn't fix the problem