Angular 2 NGMODEL两种结合

Question

我试图测试Angular2的两种方式绑定，但是我总是会得到此

错误：无法绑定到'ngmodel'，因为它不是"输入"的已知属性。

我该如何解决？

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

@Component({
  selector: 'impure-pipe',
  template: `<input type="text" [(ngModel)]='a'> <p>{{ a| calcPipe:b}}</p>`
})
export class PipesAppComponent {
  a: number = 2;
  b: number = 2;
}

Answer 1

正如在此页面上所说的，来自Angular 2网站的模板语法

在我们可以在双向数据绑定中使用NGMODEL指令之前，我们必须导入formsModule并将其添加到Angular模块的导入列表中。在"表单"一章中了解有关formmodule和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';
@NgModule({
  imports: [
    BrowserModule,
    FormsModule
  ],
  declarations: [
    AppComponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

Answer 2

确保导入FormsModule。

Answer 3

您是否在app.module.ts？

中添加了FormsModule的定义

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

@NgModule({
  imports: [
    FormsModule
  ],