Angular 6 - 无法使用 ngModel

Question

我正在使用 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 中，我添加了 angular 形式，如下所示：

"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 上工作？

Answer 1

在你的 package.json 线上：

"@angular/forms": "0.2.0"

更改为：

"@angular/forms": "0.3.0"

运行再一次：

npm install

Answer 2

package.json 的变化：

"@angular/forms": "0.3.0"

然后是npm install.

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

否则会抛出错误：ngModel must have name 属性.

Angular 6 - Can't use ngModel