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

Question

开始学习Angular 2，因为这个错误尝试了堆栈溢出中的几乎所有链接，但是，请帮助我理解为什么即使在导入 FormsModule

之后仍然会产生错误

这是我的customer.ts文件

export class Customer {

  public CustomerName: string = "asdsad";
  public Code: string = "asdsa";
  public Amount: string = "asdasd";
}

app.component.ts

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

import { Customer } from "./Customer"

@Component({
selector: 'my-app',
moduleId: module.id,
templateUrl: './st.html'           
})

   export class AppComponent {
customerobj: Customer = new Customer();
   }

app.module.ts

            import { NgModule } from "@angular/core"
            import { BrowserModule } from "@angular/platform-browser"
            import { FormsModule } from '@angular/forms';
            import { AppComponent } from "./app.component"
            @NgModule({
                imports: [BrowserModule, FormsModule ],
                declarations: [AppComponent],
                bootstrap: [AppComponent]
            })

            export class AppModule { }

main.ts

    import { platformBrowserDynamic } from "@angular/platform-browser-dynamic"

    import { AppModule } from "./app.module"

    platformBrowserDynamic().bootstrapModule(AppModule);

Answer 1

  

您必须在输入标记

中使用“ng-model”

对于Angular2 / 4使用ngModel

ng-model适用于角度1

ngModel适用于角度2

Answer 2

我假设你使用 ng-model 而不是 ngModel

将其更改为 ngModel 。

由于您尚未发布component.html，

应该是，

<input [ngModel]="custoermerObj.Code"></input>

Answer 3

使用[(ngModel)]代替[(ng-model)]