無法綁定到'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

回答

相關問題