角形导入问题

Question

我有以下Angular app.component.ts文件

import {NgModule} from '@angular/core';
import { Component } from '@angular/core';
@Component({
  
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 
})
export class AppComponent {
  title = 'blog';
}

我需要在app.component.ts中导入表单模块，然后如何执行以下html文件

<h1>What is Module in Angular</h1>
<form #simpleForm="ngForm" (ngSubmit)="getValues(simpleForm.value)">
    <input type="text" ngModel name="user" placeholder="enter user name">
    <br><br>
    <input type="text" ngModel name="age" placeholder="enter user age">
    <br><br>
    <input type="text" ngModel name="address" placeholder="enter user address">
    <br><br>
    <input type="password" ngModel name="password" placeholder="enter user password">
    <br><br>
    <button>Get User Values</button>
</form>

Answer 1

• Forms模块应导入到您的模块（app.module.ts）

• 如果要使用反应形式，则必须导入“ ReactiveFormsModule”

• 如果使用反应式表单，则需要导入验证器，FormGroup，FormControl