从“@angular/forms”导入 FormControl,FormGroup； [复制]

Posted 2023-03-13

【中文标题】从“@angular/forms”导入 FormControl,FormGroup； [复制]

【英文标题】：import FormControl,FormGroup from '@angular/forms'; [duplicate]从“@angular/forms”导入 FormControl,FormGroup； [复制]

【发布时间】：2019-01-31 06:48:51

【问题描述】：

FormsModule 已在 app.module.ts 上导入，但问题仍然存在。

无法绑定到“ngModule”，因为它不是“输入”的已知属性。

 ("item</h1>
      <form (submit)="addItem()" #form="ngForm">

谁能帮帮我？

【问题讨论】：

到底是什么问题？并请分享代码。谢谢！

运行项目时显示为错误消息，我已经在 app.module.ts 中导入了 FormsModule 但错误仍然存​​在。这是消息：无法绑定到“ngModule”，因为它不是“输入”的已知属性。 ("项目

请发表您的所作所为，以便我们为您提供帮助。

您正在开发哪些组件？您想将表单放在哪里？

我正在研究 cadastroitens 组件，如果您想查看我的完整项目，请留在这里github.com/dizwes/angular6

【参考方案1】：

在您的 app.module.ts 中添加以下导入：

import  FormsModule, ReactiveFormsModule   from "@angular/forms";

并将它们添加到导入部分：

imports: [
    FormsModule,
    ReactiveFormsModule
],

编辑：

有两种可能的原因：

缺少FormsModule，因此将其添加到您的模块中，

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

@NgModule(
    imports: [
        FormsModule      
    ]

由于您不使用响应式表单，您可以从导入中删除 ReactiveFormsModule。

检查输入标签中[(ngModel)]的语法/拼写。

【讨论】：

还是不行:(

请发布您的代码。

从 '@angular/platform-b​​rowser' 导入 BrowserModule ；从'@angular/core'导入 NgModule ；从'@angular/router'导入RouterModule；从'./routes'导入 ROUTES ；从'./app.component'导入AppComponent；从“@angular/forms”导入 FormsModule ；从“@angular/forms”导入 ReactiveFormsModule ； @NgModule( 声明: [ AppComponent, ], 导入: [ FormsModule, ReactiveFormsModule, BrowserModule, RouterModule.forRoot(ROUTES),], 提供者: [], bootstrap: [AppComponent] ) 导出类 AppModule

您是否添加了以下导入：[ FormsModule, ReactiveFormsModule ],

将 [(ngModule)] 更改为 [(ngModel)]。