Question:
Property 'nameFormControl' does not exist on type 'Contact Component

Solution

This is a FormGroup issue and by using the following code you can solve it. 


Your form fields shouldn't have [formGroup] set, and [formControl] should be formControlName.


<!-- Incorrect -->

<input matInput [formGroup]="contactForm" [formControl]="nameFormControl"


<!-- Correct -->

<input matInput formControlName="nameFormControl"


The @IF issue

You can't access the control directly. You just need to use the formGroup like this

@if (contactForm.controls.emailFormControl.hasError('required'))


Suggested blogs:

>How can I access specific data inside a JSON file on an Angular?

>HTTP request after another but only care about first one in Angular?

>Why am I getting unexpected parent reaction to child button Angular?

>How can I combine multiple HTTP calls in Angular using RxJS?

>Why Ng serve doesn't work in Angulars?

>How to use JSON:API along with Angular/RxJs?

>Why Ng server doesn't work in Angulars?

>How to operate data before return it using Angular16?

>How to Embed Node Red into existing Angular application?

>Why Angular routing with mat-toolbar is not working?

>Update Observable with value from a different Observable in Angular

>P-Dropdown doesn't set Value manually with Reactive Form in Angular

>Why Apex stacked chart bar is not showing in the x-axis in Angular?

>How can I delete the 3rdpartylicenses.txt file in Angular?


Nisha Patel

Nisha Patel

Submit
0 Answers