【问题标题】: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

标签: javascript angular typescript


【解决方案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)]。
猜你喜欢
  • 2020-08-24
  • 2021-10-23
  • 1970-01-01
  • 2018-07-10
  • 2022-12-27
  • 2019-08-22
  • 2022-01-12
  • 2018-02-07
  • 2017-06-09
相关资源
最近更新 更多