密码:新FormGroup(""，[Validators.required])

Question

在处理身份验证部分时，我在ts文件中得到一个错误，任何猜测我为什么在app.component.ts中得到这个错误，我在第13行和第14行中得到错误。

import { Component, OnInit } from '@angular/core';
import { FormGroup, Validators ,FormControl, FormBuilder, AbstractControl} from '@angular/forms';
import { AuthServiceService } from '../auth-service.service';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
  form: FormGroup=this.formBuilder.group({
    email:new FormGroup("",[Validators.required]),
    password:new FormGroup("",[Validators.required])
  });
  

  constructor(private authService:AuthServiceService,private formBuilder: FormBuilder) { }

  ngOnInit(): void {
  }
  initForm(){
    this.form=new FormGroup({
      
    })
  }
  login(){
    if(this.form.valid){
      this.authService.login(this.form.value).subscribe(result=>{
        if(result.success){
          console.log(result);
          alert(result.message);
        }
        else{
          alert(result.message);
        }
      })
    }
  }

}

Answer 1

form: FormGroup=this.formBuilder.group({
    email:new FormControl("",[Validators.required]),
    password:new FormControl("",[Validators.required])
  });

解决方案的截图

查看图像以更好地理解

https://angular.io/guide/reactive-forms

Answer 2

FormGroup是一组表单字段。您必须使用FormControl来指定每个表单字段。

    email:new FormControl("",[Validators.required]),
    password:new FormControl("",[Validators.required])