FormGroup 不是表单 Angular 的属性 - JavaScript

在 Angular 中，FormGroup 不是表单的属性。它是一个类，用于创建表单控件组的实例。通过 FormGroup 类，我们可以在 Angular 应用程序中创建强大且具有可扩展性的表单控件组。

什么是 FormGroup？

FormGroup 是 Angular 中的一个类，它允许开发人员创建表单控件组。通常，开发人员可以使用 FormGroup 表示整个表单，该表单可以包含一个或多个控件。而不是通过单独创建每个表单控件，开发人员可以使用 FormGroup 类将它们分组在一起。

通过 FormGroup 类，可以创造一个强大的表单控件组，它具有可重用性和可扩展性。可以使用 FormGroup 作为表单模型的基础，并使用它来执行各种表单验证任务。

如何使用 FormGroup？

使用 FormGroup 需要在 Angular 应用程序中导入 ReactiveFormsModule。一旦 ReactiveFormsModule 模块被导入，我们就可以引用 FormGroup 类，以便创建表单控件组。下面是一个创建表单控件组的示例：

import { Component } from "@angular/core";
import { FormGroup, FormControl } from "@angular/forms";

@Component({
    selector: "app-root",
    template: `
        <form [formGroup]="loginForm">
            <input type="text" formControlName="username" />
            <input type="password" formControlName="password" />
        </form>
    `
})
export class AppComponent {
    loginForm = new FormGroup({
        username: new FormControl(""),
        password: new FormControl("")
    });
}

在上面的示例中，我们首先导入 FormGroup 和 FormControl 两个依赖项。然后，我们使用它们创建 loginForm 控件组，该控件组具有 username 和 password 两个表单控件。

最后，在我们的模板中，我们使用 formGroup 指令来将 loginForm 控件组绑定到表单。我们还使用 formControlName 指令将每个表单控件链接到 FormGroup 中的相应控件。

结论

FormGroup 是一个强大的 Angular 类，它允许开发人员创建具有可重用性和可扩展性的表单控件组。它不是表单的属性，而是与表单一起使用的工具。通过使用 FormGroup，我们可以更轻松地管理 Angular 应用程序中的表单数据，并执行各种表单验证任务。