typescript 反应性forms1.component.ts

Posted 2021-05-21

@Component({
  selector: "app-login",
  template: `
     <form [formGroup]="loginForm" (submit)="submit()">
       <input type="email" formControlName="email">
       <input type="submit" value="submit">
     </form>
  `
})
export class LoginComponent implements OnInit {
  loginForm: FormGroup;

  ngOnInit() {
    this.loginForm = new FormGroup({
      email: new FormControl()
    });
  }

  submit() {
    console.log(this.loginForm.value);
  }

}