【angular】ngModel遇见的坑:Can't bind to 'ngModel' since it isn't a known property of 'input'
2023-09-27 14:27:48 时间
启动我的Angular应用程序时,出现以下错误,即使组件未显示。
我必须注释掉,以便我的应用程序工作。
zone.js:461 Unhandled Promise rejection: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
<div>
<label>Created:</label>
<input type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" />
</div>
</div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value:
我正在看Hero plucker,但是我没有看到任何区别。
这是组件文件:
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { Intervention } from '../../model/intervention';
@Component({
selector: 'intervention-details',
templateUrl: 'app/intervention/details/intervention.details.html',
styleUrls: ['app/intervention/details/intervention.details.css']
})
export class InterventionDetails
{
@Input() intervention: Intervention;
public test : string = "toto";
}
解决方法:
没错,就是在app.module.ts中,我刚刚添加了:
import { FormsModule } from '@angular/forms';
[...]
@NgModule({
imports: [
[...]
FormsModule
],
[...]
})
这样就解决了。
相关文章
- 李彦宏、马化腾、沈向洋三巨头对话人工智能的应用和未来 | 2017 IT领袖峰会
- ShapeableImageView Failed to inflate ColorStateList, leaving it to the framework
- 宜昌IT软件资源汇总
- Gartner预计2016年全球IT支出将增长0.6%
- 互联网再造新概念 “大产品”引发IT新思维
- 190707每日一句,一堂重要的人生之课Let it go, 穷则变变则通
- SaaS:IT巨头们的“时装秀”
- 【如何提高IT运维效率】深度解读京东云基于NLP的运维日志异常检测AIOps落地实践
- Docker技术的特性可以为IT团队带来什么价值?睿云智合(Wise2C)浅解
- 说说IT技术团队招聘那点事
- 给阿里把把脉,5点解析中国IT巨人最新状态
- 记一篇IT培训日记067-好人感恩,坏人无错