【问题标题】:After import FormsModule, NgModel still doesn't work导入 FormsModule 后,NgModel 还是不行
【发布时间】:2018-04-11 06:32:52
【问题描述】:

我收到了这个错误。 无法绑定到“NgModel”,因为它不是“输入”的已知属性。 我已经在 app.module.ts 中导入 FormsModule

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';


import { AppComponent } from './app.component';
import { EmployeeComponent} from './employee/employee.component'

@NgModule({
    imports: [BrowserModule, FormsModule],
    declarations: [AppComponent, EmployeeComponent],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

这是代码 app.component.ts 代码:

import { Component } from "@angular/core";

@Component({
    selector: 'my-app',
    template: `
            <div>
            Name : <input [(NgModel)]='name'/>
            <br/>
            <br/>
            You entered : {{name}}
            </div>
`,
})
export class AppComponent {
    name: string = "John";
}

有谁知道问题出在哪里?

【问题讨论】:

  • 因为您编写区分大小写的代码,所以要更加专心

标签: angular


【解决方案1】:

[(ngModel)] 不是[(NgModel)]

【讨论】:

    【解决方案2】:

    改变

    来自

      Name : <input [(NgModel)]='name'/>
    

    收件人

      Name : <input [(ngModel)]='name'/>
    

    【讨论】:

      猜你喜欢
      • 2017-02-10
      • 2021-11-29
      • 2016-12-26
      • 1970-01-01
      • 2017-03-13
      • 2016-12-16
      • 2018-04-03
      • 2017-01-25
      相关资源
      最近更新 更多