在 Angular 11 上绑定到 'formGroup' 时出现问题

Question

我正在开发一个 Angular11 项目作为家庭作业，我正在尝试使用一些 bootstrap 的表单将数据保存到我的 Cloud Firestore，但是当我启动该应用程序时，它显示以下内容：

错误 NG8002：无法绑定到 'formGroup'，因为它不是 'form' 的已知属性。

  <form class="mt-4" [formGroup]="createProducto" (ngSubmit)="agregarProducto()">
                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  src/app/components/add-productos.component.ts:9:16
    9   templateUrl: '../views/add-productos.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AddProductosComponent.

这是我遇到的问题

<form class="mt-4" [formGroup]="createProducto" (ngSubmit)="agregarProducto()">

这是我对组件的导入：

import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { ProductoService } from '../services/producto.service'
import { Router, ActivatedRoute } from '@angular/router';
import { ToastrService } from 'ngx-toastr';

这里是我创建“createProducto: FormGroup”m 的地方，它应该可以正常工作

export class AddProductosComponent implements OnInit {
  createProducto: FormGroup
  submitted = false

我已经尝试过人们在这里发布的一些东西，但是 none 对我有用。

Answer 1

我通过在我的 AddProductosComponent 中导入 ReactiveFormsModule、FormsModule 修复了错误。

在 Angular 11 上绑定到 'formGroup' 时出现问题

Problem when binding to 'formGroup' on Angular11

angular

typescript

formgroups

angular11