Angular 角形5-罐'；t绑定到'；ngModule'；因为它不是'；t'的已知属性；输入'；

下面是Angular 5的在线教程，使用Visual Studio代码和最新的Angular版本：

• 角度CLI:7.0.6

• 节点：10.7.0

• 角度：7.0.4

VS代码没有抛出任何错误，但当我向HTML添加[（ngModel）]=“inputText”时，浏览器控制台显示错误：

错误：模板分析错误：

无法绑定到“ngModule”，因为它不是“input”的已知属性。（“][（ngModule）]=“inputText”/>

“”：ng:///AppModule/HomeComponent。html@0：19

合成误差

./node_modules/@angular/compiler/fesm5/compiler.js/TemplateParser.prototype.parse compiler.js:2547

在阅读其他类似错误的帖子时，他们主要指出要么导入“{FormsModule}”和“导入：[FormsModule]”缺失，要么“[（ngModule）]=”拼写错误。但事实似乎并非如此

感觉app.module.ts上的声明没有应用到html页面上，我不知道为什么。 我保存了所有页面，package.json文件将@angular/forms作为依赖项，任何简单的代码都可以工作，包括单向数据绑定

以下是我的相关档案：

home.component.html

`<input type="text" [(ngModule)]="inputText" />`

应用程序模块.ts

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

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
  inputText: string = "";

  constructor() { }

  ngOnInit() {
  }
}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

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

import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule
  ],
  declarations: [
    AppComponent,
    HomeComponent,
    AboutComponent
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我的问题是：

• 错误在哪里

• 如何解决此错误

---

我认为你应该用

[（ngModel）]

替换

[（ngModule）]

没有称为ngModule的角度内置指令
ngModule:
用于声明某些组件、指令、服务等的角度内置块。。etc一起使用，并由decorator

@NgModule（{}）

使用
ngModel:

---

Angular内置指令，用于在组件和HTML之间绑定数据，并由

ngModel

选择器用于激活它。
您还没有完成

ngModel

，您已经完成了

ngModule

我不敢相信我为此花了一个下午的时间…哈哈，感谢用户184994这并没有提供问题的答案。若要评论或要求作者澄清，请在其帖子下方留下评论。-输入元素上没有名为[（ngModule）]的属性。