双向数值传递无法绑定到“ ngModel”，因为它不是“ input”的已知属性

报错信息：

Angular应用程序中input组件报错：

Can't bind to 'ngModel' since it isn't a known property of 'input'.ngtsc(-998002)
comp01.component.ts(4, 25): Error occurs in the template of component Comp01Component

解决方法：

在app.module.ts中添加语句：

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

在下方引用FormsModule：

 FormsModule

如图示：

即本文件下面的内容是

@NgModule({
    imports: [
       FormsModule
    ],
})

 ngModel是FormsModule的一部分。它应该从@angular/forms导入，以便与ngModel一起使用。

(在某些版本中，我遇到了这个问题)您已经正确地导入了FormsModule，但问题出在input HTML标记上。必须为输入添加name标记属性，并在中添加对象绑定名称

(ngModel)必须输入到名称属性。

<input name="text" type="text" placeholder="请输入底面半径R" [(ngModel)]="R"  (keydown.enter)="calc()">//laceholder占位符

和可复制代码块里的内容一样：

<input name="text" type="text" placeholder="请输入底面半径R" [(ngModel)]="R"  (keydown.enter)="calc()">          //laceholder占位符