Question

以下answer处理Angular2，但由于Angular4中的Angular已经对表单进行了一些更改，因此该解决方案不起作用。任何人都知道如何做到这一点（无需处理FormGroups等）。基本上，我怎样才能使用Angular4得到答案？

Answer 1

首先，您提供的链接使用角度测试版。它从FormBuilder, Validator and etc导入@angular/common。您必须从@angular/forms这样的

中导入app.module中的FormsModule

import { FormsModule } from '@angular/forms';
@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
   //... more code

其次，有两种方法可以使用角形，模板驱动和模型驱动（反应形式）。由于您没有提供您正在处理的任何示例代码，因此这里有一个反应式样本

form: FormGroup;

onSubmit(){
    //checks if form is valid
       if( this.form.valid){
          //more code here
        }
}

您确实需要在代码中使用FormGroup，但您可以使用FormBuilder以便不使用FormControl。

 form: FormGroup;

  constructor( private fb: FormBuilder) {
    this.form = fb.group({
        email: ['', [Validators.required, Validators.minLength(5), Validators.email]],
        password: ['', [Validators.required,  Validators.minLength(6)]],
      }
    );


  }

检查Angular4表单是否在组件内有效

1 个答案: