Angular 角度窗体无法查看少数字段的模板

我有一个示例项目，其中我使用了角度形式。我已经创建了表单组对象并添加了表单控件和所有。但无法看到模板中的密码字段，并且表单不起作用。这是代码

应用程序组件.ts

import { FormControl, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  public form: FormGroup = new FormGroup({
    email: new FormControl('', [Validators.required]),
    password: new FormControl('', [Validators.required])
  });

  login() {
    if (this.form.valid) {
      console.log(this.form.value);
    }
  }
}

app.component.html

登录表单
电邮：



密码：



登录

在表单中添加formGroup属性

<form [formGroup]="form" (ngSubmit)="login()">...

。。。

在代码中，有两件事您遗漏了：一是如ammad所说添加formGroup，另一件是您必须在app.module.ts文件中添加被动表单模块

---

您好，我认为您没有将formGroup属性添加到表单标记并绑定formGroup对象。