Angular Can'；无法绑定到FormGroup，因为它是'；t'的已知属性；表格'；（FormsModule、ReactiveFormsModule已加载）

我刚刚看到了这一点，但我仍然有同样的错误。我有一个共享模块，可以导入到功能模块中。但我也尝试将

FormsModule

，

ReactiveFormsModule

模块直接导入我的功能模块

Angular 2.0最终版本

我的共享模块是：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { UPLOAD_DIRECTIVES } from 'ng2-uploader/ng2-uploader';


import { UploadComponent } from './upload/index';

import { AuthenticationService } from './services/index';

@NgModule({
  declarations: [ UploadComponent, UPLOAD_DIRECTIVES ],
  imports: [ CommonModule ],
  providers: [ AuthenticationService ],
  exports: [
    FormsModule,
    CommonModule,
    UploadComponent,
    ReactiveFormsModule
  ]
})

export class SharedModule { }

我的功能模块：

import { NgModule } from '@angular/core';

import { SharedModule } from '../shared/shared.module';

import { LoginComponent } from './login.component';

@NgModule({
  imports: [ SharedModule ],
  declarations: [ LoginComponent ],
  exports: [ LoginComponent ]
})

export class LoginModule {
  constructor() {}
}

组成部分：

import { Component } from '@angular/core';
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
import { AuthenticationService } from '../shared';

@Component({
  selector: 'pol-login',
  templateUrl: 'login.component.html'
})
export class LoginComponent {
  loginForm: FormGroup;
  notValidCredentials: boolean = false;
  showUsernameHint: boolean = false;

  constructor(
    fb: FormBuilder,
    private authenticationService: AuthenticationService) {

      this.loginForm = fb.group({
        username: ['', Validators.compose([Validators.required, this.emailValidator])],
        password: ['', Validators.required]
      });
...
}

以及以下观点：

<form class="container" (ngSubmit)="authenticate()" [ERROR ->][FormGroup]="loginForm">
....
</form>

][FormGroup]=“loginForm”>
....

所有路径和导入都是正确的。有什么想法吗？谢谢

------[已解决]-------

更改了

[FormGroup]=“loginForm”

的

[FormGroup]=“loginForm”

：（

解决方案：

import { ReactiveFormsModule } from '@angular/forms'

将此模块导入到app.module.ts或您的组件类。（建议在app.module.ts中导入）

然后直接…例如：---

---

您可能错过了将ReactiveFormsModule模块导入[yourmoduleName].module.ts的过程

import { FormGroup, FormControl, FormBuilder, Validator, ReactiveFormsModule } from '@angular/forms';

并在下面添加导入您正在使用formBuilder或formGroup的组件

---

导入：[ReactiveFormsModule]

将其更改为

[formGroup]

（camelCase，而不是PascalCase），然后看看接下来会发生什么？谢谢Harry。模块@angular….forms没有导出的成员

formGroup

。抱歉Harry。是的，它可以工作。我在模块上更改了它，不在视图中。抱歉，非常感谢：）我已在app.module.ts中导入，但仍然收到相同的错误。请用以下详细信息进行评论：您正在处理哪个版本的angular Project？在“材质”对话框中使用FormGroup时是否遇到问题？

import { FormGroup, FormControl, FormBuilder, Validator, ReactiveFormsModule } from '@angular/forms';