无法绑定到'formGroup'，因为它不是'form'的已知属性。在角4

-2

我得到的错误就像无法绑定到'formGroup'，因为它不是一个已知的属性'form'.but我导入FormsModule，ReactiveFormsModule和声明在导入，但我得到同样的错误，请任何一个帮助我感谢我的代码：无法绑定到'formGroup'，因为它不是'form'的已知属性。在角4

  <form [formGroup]="loginForm" (submit)="login()" class="md-form-auth form-validation" (keypress)="keyDownFunction($event)"> 
       <fieldset> 
        <div class="form-group"> 
         <md-input-container class="full-width md-icon-left"> 
          <md-icon class="material-icons">mail_outline</md-icon> 
          <input mdInput type="email" placeholder="Email" 
            formControlName="Username"> 
         </md-input-container> 
        </div> 
        <div class="form-group"> 
         <md-input-container class="full-width md-icon-left"> 
          <md-icon class="material-icons">lock_outline</md-icon> 
          <input mdInput type="password" placeholder="Password" 
            formControlName="Password"> 
         </md-input-container> 
        </div> 

        <button [disabled]="!loginForm.valid" md-raised-button type="button" color="primary" class="float-right"> 
         Login 
        </button> 
       </fieldset> 
      </form>

来源

2017-10-07 viru

你的组件是怎样的？ – Alex

您是否在正确的模块中导入了'ReactiveFormsModule'？请创建一个_minimal_复制。 –

看来你还没有创建的组件loginForm formgroup。

您可以使用以下代码创建它。在您的登录中复制此代码组件和错误将消失。

export class LoginComponent implements OnInit { private loginForm : FormGroup; 
    loading:boolean = false; 
    constructor(private formBuilder: FormBuilder) { 
     this.loginForm = this.formBuilder.group({ 
      Username: ['', [Validators.required]], 
      Password: ['',[Validators.required]] 
     }); 
    } 
}

来源

2017-10-07 11:14:16

忘掉FormsModule，这对模板驱动的形式，你利用的模型驱动的形式，这使得使用ReactiveFormsModule的。当您无法导入该模块并尝试使用[formGroup]属性绑定时，会引发该错误。有时我会导入模块，但忘记将其实际添加到imports数组中。您显然没有将ReactiveFormsModule添加到此组件声明的任何模块的imports数组中。只需再次检查并将其添加到导入中，它就可以解决您的问题。

来源

2017-10-08 02:23:10 Christian

无法绑定到'formGroup'，因为它不是'form'的已知属性。在角4

回答

相关问题