Question

我正在尝试学习Angular2的基础知识，所以我试图做一些测试。我已经下载了typescript和angular/cli。

我可以使用iterpolation，属性绑定等，但当我尝试使用双向数据绑定时（在app.component.html中进行测试）：

<input type="text" [(ngModel)]="test.description">

并且ng server刷新，我所做的所有事情都消失了，我看到的只是一个空白屏幕。

我要求答案很简单，因为我是使用棱角分量的先锋。

修改即使在更新app.modules.ts后，我的控制台仍会显示以下错误：

Uncaught Error: Template parse errors:
Can't bind to 'NgModel' since it isn't a known property of 'input'. ("
</p>

<input type="text" [ERROR ->][(NgModel)]="test.description" >`

Answer 1

您必须在控制台上收到错误，才能使用 ngModel ，将其添加到您的模块中，

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

@NgModule({
imports: [
         FormsModule      
]

使用正确的语法 ngModel

<input type="text" name="name" [(ngModel)]="test.description">

Answer 2

您需要在输入上添加“name”属性才能使其与ngModel一起使用

<input type="text" name="name" [(ngModel)]="test.description">

以下是Plunker

调用

2 个答案: