Angular 6 - 不能使用ngModel

时间:2018-06-15 06:09:26

标签: angular angular6

我正在使用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上运行?

2 个答案:

答案 0 :(得分:4)

在你的package.json:

"@angular/forms": "0.2.0"

更改为:

"@angular/forms": "0.3.0"

再次跑:

<强> npm install

答案 1 :(得分:1)

finalize中的更改:

package.json

然后是"@angular/forms": "0.3.0"

重要的信息是,每当我们在html标签中使用npm install来绑定数据时,我们都必须为该标签命名:

否则将引发错误:ngModel必须具有name属性。