can't bind to 'formcontrol' since it isn't a known property of 'input'

Hi Guys ,

In this blog I will share information related to error :
can't bind to 'formcontrol' since it isn't a known property of 'input'.

The complete error log is as follows :

Error in /turbo_modules/@angular/compiler@8.0.0/bundles/compiler.umd.js (2479:21)

Template parse errors:
Can't bind to 'formControl' since it isn't a known property of 'input'. ("<label>
Name:
<input type="text" [ERROR ->][formControl]="status">
</label>"): ng:///AppModule/StatusComponent.html@2:21
No provider for NgControl ("<label>
Name:
[ERROR ->]<input type="text" [formControl]="status">
</label>"): ng:///AppModule/StatusComponent.html@2:2

You may get this error while using angular reactive forms .

To fix this error add RectiveFormsModule in the inports array .

@NgModule({

  imports:      [ BrowserModule, FormsModule ,ReactiveFormsModule ],

  declarations: [ AppComponent, HelloComponent, StatusComponent ],

  bootstrap:    [ AppComponent ]

})

export class AppModule { }

Checkout the video on how to fix this error .

Hope this fixes the issue ! Thanks .