Angular 6 - 无法使用 ngModel答案

【问题标题】：Angular 6 - Can't use ngModelAngular 6 - 无法使用 ngModel
【发布时间】：2018-11-24 23:16:43
【问题描述】：

我正在使用 Angular 6。我想像这样使用 ngModel：

<input type="text" [(ngModel)]="textValue">

在 html 上我收到以下错误：

Can't bind to 'ngModel' since it isn't a known property of 'input'

当我搜索时，我了解到我必须导入 FormsModule。所以在我的 json 包中，我添加了这样的角度形式：

"dependencies": {
        "@angular/core": "^6.0.4",
        "@angular/forms": "^0.2.0"
   ...

做了一个 npm 安装，然后在 app.module 上，

我在导入中添加了 FormsModule，

imports: [
        CommonModule,
        FormsModule,
    ],

但是当我尝试从 angular/forms 导入 FormsModule 时，

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

上面写着：

Module '"PATH-TO-PROJECT/node_modules/@angular/forms/index"' has no exported member 'FormsModule'

我应该怎么做才能让 mgModel 在 Angular 6 上工作？

【问题讨论】：

【解决方案1】：

在你的 package.json 行：

"@angular/forms": "0.2.0"

改为：

"@angular/forms": "0.3.0"

再次运行：

npm install

【讨论】：

【解决方案2】：

更改package.json：

"@angular/forms": "0.3.0"

然后是npm install。

重要的信息是，每当我们在 html 标签中使用[(ngModel)] 来绑定数据时，我们必须为该标签命名：

否则会报错：ngModel必须有name属性。

【讨论】：