ngModel在调用时留下空白屏幕
ngModel在调用时留下空白屏幕
提问于 2017-08-26 14:13:44
我试图学习Angular2的基础知识，所以我试着做一些测试。我已经下载了typescript和angular/cli。
我可以使用迭代、属性绑定等，但是当我尝试使用这样的双向数据绑定时(在app.component.html中用于测试)：
<input type="text" [(ngModel)]="test.description">ng server刷新，我所做的所有事情都消失了，我看到的只是一个空白的屏幕。
我要求答案是简单的，因为我是一个乞丐在使用角度。
编辑：即使在更新app.modules.ts之后，我的控制台仍然显示以下错误：
Uncaught Error: Template parse errors:
Can't bind to 'NgModel' since it isn't a known property of 'input'. ("
</p>
<input type="text" [ERROR ->][(NgModel)]="test.description" >`回答 3
Stack Overflow用户
回答已采纳
发布于 2017-08-26 14:22:55
您一定是在控制台上出错了，要使用ngModel，将其添加到模块中，
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
]使用正确的语法ngModel
<input type="text" name="name" [(ngModel)]="test.description">Stack Overflow用户
发布于 2017-08-26 14:31:38
您需要在输入中添加一个"name“属性，以便使其与ngModel一起工作。
<input type="text" name="name" [(ngModel)]="test.description">这是柱塞
Stack Overflow用户
发布于 2022-01-22 15:10:45
我发现简单地将formsModule添加到app.module.ts文件夹中的导入(或模块文件所在的地方)就可以解决这个问题。它只是试图在当前无法访问的库中实现一些东西。您还需要在文件的顶部添加一个import语句。
import { FormsModule} from '@angular/forms';
@NgModule(imports: [BrowserModule, FormsModule]})这解决了我自己的ngModule不能工作的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45896324
复制相关文章
相似问题
腾讯云开发者
