angular - Angular 10 表单控件问题

Question

我创建了一个角度为 10 的应用程序。模块在 app.modules.ts 中使用 loadchildren() 加载，例如，

{
  path: 'admin',
  loadChildren: () => import('./views/admin/admin.module').then(m => m.AdminModule)
}

在我的 admin.module 我已经导入

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

但是不可能使用formcontrol。它显示错误，例如

无法绑定到“formGroup”，因为它不是“form”的已知属性。

这是我的 admin.component.ts-

import { Component, OnInit, ViewChild } from '@angular/core';
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
@Component({
  selector: 'app-admin',
  templateUrl: './admin.component.html',
  styleUrls: ['./admin.component.scss']
})
export class AdminComponent implements OnInit {
  name: string;
  createForm: FormGroup;

  constructor(private formBuilder: FormBuilder
  ) {}


  ngOnInit(): void {
    this.createForm = this.formBuilder.group({

      name: ['', Validators.required],

    });
  }

}

这是 admin.component.html-

<form [formGroup]="createForm">
<input type="text" class="form-control" id="fname" aria-describedby="emailHelp" placeholder="Department Name" formControlName="name" >
</form>

标签： angular