Angular---can't bind to 'ngModel' since it isn't a know property of 'input'

最新推荐文章于 2025-10-08 21:43:28 发布
原创 最新推荐文章于 2025-10-08 21:43:28 发布 · 1.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Angular2 #ngModel

本文解决了Angular2中出现的“can't bind to 'ngModel' since it isn't a known property of 'input'”错误。该问题通常发生在尝试使用双向数据绑定时。解决方案是在app.module.ts文件中引入FormsModule，并将其添加到@NgModule的imports数组中。

Angular2在双向数据绑定时，抛出如下问题：

can't bind to 'ngModel' since it isn't a know property of 'input'


解决办法：

在app.module.ts文件中，

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

向其应用模块@NgModule({})的imports:[]添加 

FormsModule
具体如图所示：

angular10 报错信息之 Can‘t bind to ‘ngForOf‘ since it isn‘t a known property of ‘tr‘. (“
朝花夕拾的博客
12-11 2891
在当前的根模块中 导入CommonModule即可
angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("
追梦猪的博客
10-15 9471
angular报错信息之Can'tbindto'ngForOf'sinceitisn'taknownpropertyof'tr'.("//无法绑定到“ngforof”，因为它不是“tr”的已知属性。（“...
Angular - Can't bind to 'ngModel' since it isn't a known property of 'input'.
weixin_30273501的博客
07-19 211
用[(ngModel)]="xxx"双向绑定，如：控制台报错：Can't bind to 'ngModel' since it isn't a known property of 'input'. 解决办法：在app.module.ts文件中导入FormsModule 转载于:https://www.cnblogs.com/andremao/p/7208511.html...
Angular表单报错：Can't bind to 'ngModel' since it isn't a known property of 'input'. (")"
大强博客
09-06 2516
错误信息： core.js:1440 ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (")">                     <input class="...
Can‘t bind to ‘ngModel‘ since it isn‘t a known property of“爆红”通常是 TypeScript/Angular 报错，在这种情况下常见原因分析
最新发布
weixin_45428910的博客
10-08 165
Can't bind to 'ngModel' since it isn't a known property of“爆红”通常是 TypeScript/Angular 报错，在这种情况下常见原因分析
Angular报错 Can't bind to 'ngModel' since it isn't a known property of 'input'
小妖666个人笔记
10-13 802
在input中使用[(ngModel)]报错：Can't bind to 'ngModel' since it isn't a known property of 'input' <input type="text" placeholder="请输入股票代码" [(ngModel)]="stock"> 解决办法：在app.module.ts里添加FormsModule即可 ...
解决Angular报错 Can't bind to 'ngModel' since it isn't a known property of 'input'
qq_35799655的博客
08-14 1万+
在input中使用[ngModel]报错：Can't bind to 'ngModel' since it isn't a known property of 'input' 解决办法：在module.ts中添加import和providers import { NgModule } from '@angular/core'; import { FormsModule } from '@...
Can't bind to 'ngModel' since it isn't a known property of 'input'.
07-28
回答: 当出现"Can't bind to 'ngModel' since it isn't a known property of 'input'"错误时，这是因为没有在当前组件所属的模块中引用FormsModule。要解决这个问题，你需要在当前组件所属的模块中添加FormsModule的...
ng-alain懒加载模块 未添加导致NZ模块未识别Can't bind to 'nzExtra' since it isn't a known property of 'nz-card
qq_26013261的博客
03-20 2528
ng-alain懒加载模块 未添加导致NZ模块未识别 Can't bind to 'nzExtra' since it isn't a known property of 'nz-card'. 1. If 'nz-card' is an Angular component and it has 'nzExtra' input, then verify that it is part of this...
Angular8使用Echarts4.9.0（不会有‘Can‘t bind to ‘options‘ since it isn‘t a known property of ‘div‘.ng’）
Smile_mutou的博客
10-27 486
HTML页面 <div #gaugeChart id="gaugeChart" style="height: 300px;"></div> 在需要使用echarts的组件的component.ts引入下面的代码 import { Component, ElementRef, ViewChild } from '@angular/core'; import * as echarts from 'echarts'; export class EvaluationDetails.
Angular报错-Can't bind to 'ngModel' since it isn't a known property of 'input'
头名字W的博客
04-01 5998
原因：这是因为在angular中使用表单控件的时候需要先引入表单模块。 解决办法： 需要在app.module.ts（或者其他使用的子模块）中imports就行了。 import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ ..., FormsModule, ], }) ...
ng: Can't bind to 'ngModel' since it isn't a known property of 'input'. - Angular 6
weixin_30598225的博客
07-27 362
【出现的问题】ng: Can't bind to 'ngModel' since it isn't a known property of 'input'. 【解决方法】导入FormsModule 到app.module.ts （如下代码粉色标记） import { BrowserModule } from '@angular/platform-browser'; im...
angular2--Can't bind to 'ngModel' since it isn't a known property of 'input'
Razera的博客
07-04 360
当最初使用[(ngModel)]做双向绑定时，如果遇见Angular: Can't bind to 'ngModel' since it isn't a known property of 'input'问题解决办法：在你的app.module中添加如下代码即可：import { FormsModule, ReactiveFormsModule } from '@angular/forms';@N...
angular11报错Can‘t bind to ‘ngForOf‘ since it isn‘t a known property of ‘tr‘. 三种排查办法以及解决方案
tangdou369098655的博客
04-22 4077
当你遇到Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’. (" //无法绑定到“ngforof”，因为它不是“tr”的已知属性。（“ 可能问题一： 当前错误原因是没有绑定ngforof，在@ngmodule（）中添加browsermodule到imports:[]，如果它是根模块（appmodule），则为commonmodule。 简而言之，就是根部app.module有没有导入这个基础模块，检查一下 可能问题二：出现此问题是
Angular: Can't bind to 'ngModel' since it isn't a known property of 'input'问题解决
热门推荐
h363659487的博客
11-23 1万+
当最初使用[(ngModel)]做双向绑定时，如果遇见Angular: Can't bind to 'ngModel' since it isn't a known property of 'input'问题解决办法：在你的app.module中添加如下代码即可：import { FormsModule, ReactiveFormsModule } from '@angular/forms';@N...
angular--Can't bind to 'ngModel' since it isn't a known property of 'input'
触不到的颜色是否叫彩虹的博客
12-25 1602
html<input [(ngModel)]="name">{{name}}报错如下图： module里面导入FormsModule即可import { FormsModule } from '@angular/forms'; ... @NgModule({ imports: [ BrowserModule, FormsModule ], })详细看：https://sta
angular2在双向数据绑定时[(ngModel)]无法使用的问题
七刀的专栏
10-28 1万+
angular2在双向数据绑定时[(ngModel)]无法使用，出现的错误是： Can't bind to 'ngModel' since it isn't a known property of 'input'. 解决办法： 在文件 app.component.ts 中引入ngModel 具体为： 添加两行代码： import { FormsModule } from '@angul
Can't bind to 'ngModel' since it isn't a known property of 'input'
naruto2017的博客
10-27 1822
原因一：模块中没有导入FormsModule，添加导入 import {FormsModule} from '@angular/forms'; 原因二：绑定指令错误 ng1的绑定指令为 ng-model ng2的绑定指令为 ngModel 注意区分 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值