Angular错误：“无法绑定到'ng model'，因为它不是'input'的已知属性”

Question

我正在使用Angular 4,但控制台出现了一个错误：

无法绑定到“ng model”，因为它不是“input”的已知属性

我该如何解决这件事？

Answer 1

您的NGModel无法工作，因为它还不是NGModule的一部分。

您必须告诉ngmodule您有权在整个应用程序中使用ngmodel。您可以通过将formsmodule添加到app.module.ts->imports->[]中来实现。

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

@NgModule({

   imports: [ FormsModule ],       // HERE

   declarations: [ AppComponent ],
   bootstrap: [ AppComponent ]
 })

Answer 2

这是一个正确的答案。您需要导入FormsMoudle

app.module.ts中的第一个

**

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgModule  } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    FormsModule,
    ReactiveFormsModule ,
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

**app.component.spec.ts中的第二个

import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule,
        FormsModule
      ],
      declarations: [
        AppComponent
      ],
    }).compileComponents();
  }));

最好的问候和希望是有帮助的

Answer 3

为了对表单输入使用双向数据绑定，您需要在Angular模块中导入FormsModule包。

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

@NgModule({
    imports: [
         FormsModule      
    ]

编辑

由于有很多重复的问题与相同的问题，我正在加强这个答案。

有两个可能的原因

>

缺少formsmodule，因此将其添加到模块中，

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

@NgModule({
    imports: [
        FormsModule      
    ]

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