loading...

Discussion on: You Should Upgrade to Angular 9 TODAY

Collapse
qixoticsoftware profile image
Richard Haber

I just created a new project using 9.0.0-rc.7. It is complaining that it 'Can't bind to 'FormGroup' since it isn't a known property of 'Form'. I've tried all the suggestions on SO, but nothing helps. Both FormsModule and ReactiveFormsModule are being imported.

It seems that this is one issue for which "No version of Angular has been more rigorously tested than has been Angular v9" has a bit more rigor needed

Collapse
frosty profile image
Aaron Frost Author

It should be 'formGroup' not 'FormGroup'. The F should be lowercase. Does that fix your issue?

Collapse
qixoticsoftware profile image
Richard Haber

Aaron,

The typo is in my message, not in my code.

I am going to try to use Material Forms, etc., to see if that will work. Otherwise I will either have to revert back to using Angular 8, or avoid using Reactive Forms for now

Collapse
qixoticsoftware profile image
Richard Haber

Even worse, it doesn't recognize any Angular Material elements. I will start again with a simple Angular 9 app and see if I get different results, otherwise, I'll go back to 8 until I get this figured out.

Thread Thread
frosty profile image
Aaron Frost Author

Can you share your code? There was a change to formGroup in v9.

Thread Thread
frosty profile image
Aaron Frost Author

Are you using a form tag, or an ng-form tag?

Thread Thread
qixoticsoftware profile image
Richard Haber

Aaron, thanks for taking the time to help me track this down. Here are some snippets of the code and relevant parts of package.json.

  <form [formGroup]>
    <label for="user-login-email">Enter your email: </label>
    <input id="user-login-email"  formControlName="userLoginEmail">
  </form>

"@angular/animations": "^9.0.0-rc.7",
"@angular/cdk": "^9.0.0-rc.6",
"@angular/common": "^9.0.0-rc.7",
"@angular/compiler": "^9.0.0-rc.7",
"@angular/core": "^9.0.0-rc.7",
"@angular/forms": "^9.0.0-rc.7",

"@angular-devkit/build-angular": "^0.900.0-rc.7",
"@angular/cli": "^9.0.0-rc.7",
"@angular/compiler-cli": "^9.0.0-rc.7",
"@angular/language-service": "^9.0.0-rc.7",