-2

我得到了像不能绑定到'formGroup'这样的错误，因为它不是'form'的已知属性。但是我导入FormsModule，ReactiveFormsModule并在导入中声明但我遇到了同样的错误请任何人帮助我谢谢我的代码是：

          <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>
4

2 回答 2

0

看来您还没有loginForm在组件中创建表单组。

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

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-07T11:14:16.220 回答
0

忘记 FormsModule，它是模板驱动的表单，你正在使用模型驱动的表单，它利用了 ReactiveFormsModule。当您未能导入该模块并尝试使用 [formGroup] 属性绑定时，将引发该错误。有时我导入模块，但忘记将其实际添加到导入数组中。您显然没有将 ReactiveFormsModule 添加到声明该组件的任何模块的导入数组中。只需再次检查并将其添加到导入中，它就会解决您的问题。

于 2017-10-08T02:23:10.367 回答