Angular FormsModule 指令

在本文中，我们将了解 Angular 10 中的 FormsModule 是什么以及如何使用它。

FormsModule用于为表单实现进行所有必要的导入。

句法：

import { FormsModule } from '@angular/forms';

方法：

• 创建一个要使用的 Angular 应用程序。
• 在 app.component.ts 从 FormsModules 导入表单。
• 在 app.component.html 中，使用 FormsModule 创建一个表单。
• 使用 ng serve 为 Angular 应用程序提供服务以查看输出。

示例 1：

app.component.ts

import { NgModule } from '@angular/core';
  
// Importing forms module
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from 
    '@angular/platform-browser/animations';
   
import { AppComponent }   from './app.component';
   
@NgModule({
  bootstrap: [
    AppComponent
  ],
  declarations: [
    AppComponent
  ],
  imports: [
    FormsModule,
    BrowserModule,
    BrowserAnimationsModule,
  ]
})
export class AppModule { }

app.component.html

  {{ gfgform.value | json }}
  

  

  Name: 
  Roll: 

输出：

参考： https://angular.io/api/forms/FormsModule