与[ngModel]的数据绑定不起作用Angular 6
与[ngModel]的数据绑定不起作用是指在Angular 6中，使用[ngModel]指令进行双向数据绑定时出现了问题，无法正确地将数据从组件传递到模板或从模板传递回组件。
解决这个问题的方法有以下几种：
- 确保正确导入FormsModule：在使用[ngModel]指令之前，需要在组件所在的模块中正确导入FormsModule。在NgModule的imports数组中添加FormsModule即可。
- 检查表单元素的name属性：确保表单元素（如input、select等）上设置了name属性，并且该属性的值与组件中的属性名一致。[ngModel]指令通过name属性来与组件中的属性进行绑定。
- 检查组件中的属性名：确保组件中的属性名与模板中的属性名一致。[ngModel]指令通过属性名来与模板中的表单元素进行绑定。
- 使用双向数据绑定语法：除了[ngModel]指令，Angular还提供了双向数据绑定的语法糖，即[(ngModel)]。可以尝试使用[(ngModel)]来替代[ngModel]，看是否能够解决数据绑定的问题。
- 检查是否有其他错误：在组件中检查是否有其他错误导致数据绑定不起作用。可以查看浏览器的开发者工具控制台，查看是否有相关的错误信息。
总结起来，解决与[ngModel]的数据绑定不起作用的问题，需要确保正确导入FormsModule、正确设置表单元素的name属性、属性名一致、尝试使用[(ngModel)]语法糖，并检查是否有其他错误导致数据绑定失败。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的业务场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
2回答
与[ngModel]的数据绑定不起作用Angular 6
angular、ngmodel
我刚刚在IntelliJ上创建了一个空的Angular项目，我正在尝试将一个textbox绑定到一个对象的成员。我的对象保持undefined或者我在OnInit中分配给它的任何东西。这是我的app.component.html文件： <input type="text" name="name" id="name" [<e
浏览 7提问于2019-04-01得票数 3
回答已采纳
2回答
纳克模型和NgModel在角度2上有什么区别吗？
angular
在角2.x中，ng模型和NgModel在角2上有什么区别吗？参考下列角度文件
<input [(ngModel)]="hero.name">
我很困惑这是不是一个错误(我想不是！)
浏览 3提问于2017-06-01得票数 7
回答已采纳
2回答
ngModel未绑定到angular 5中的tinymce
angular、tinymce、tinymce-4
我在angular 5项目中集成了tinymce，它工作得很好，但数据绑定不起作用。如何在angular5项目中使用tinymce实现数据绑定。我正在尝试使用'ngmodel‘绑定'tinymce’文本编辑器。我不能这样做。你能帮帮我吗？我试过下面的代码。html <editor [(ngModel)]="dataModel"></edito
浏览 20提问于2019-01-14得票数 2
2回答
谁能解释一下为什么我们需要在angular6表单的同一个输入字段中同时使用ngModel和#nameField="ngModel“？
angular6、angular-forms
我从我的angular6开始，我遇到了下面的语法。<input type="text" name="company-name" #nameField="ngModel" minlength="3">
现在我的问题是，如果ngModel
浏览 5提问于2018-08-07得票数 2
回答已采纳
2回答
Angular4真的是双向数据绑定吗？
javascript、angular、data-binding、angular-ngmodel
关于Angular2/4/5/6，我所了解到的是，由于(ngModel)，双向数据绑定是可能的--就像通过$scope在Angular1中发生的那样。现在，我偶然发现了一个网站，其中明确指出，双向数据绑定是不可能在Angular4。我很困惑。有人真的能澄清吗？--在角度为2/4/5/6的
浏览 3提问于2018-09-15得票数 1
回答已采纳
1回答
格式化ngb-时间选择器，以便它作为字符串返回，而不是对象
javascript、angular、typescript、bootstrap-4
目前，它返回以下内容： "hour": 13,}"13:30" <div class="calender"> <ngb-datepicker #dp
<ngb-timepicker [(ngModel)]="
浏览 0提问于2018-06-25得票数 2
回答已采纳
2回答
双向数据绑定- Angular 2
angular
我正在尝试用ngModel进行双向数据绑定，但它不起作用。其中包括FormsModule。'@angular/core';import { HttpModule } from '@angular/};
}
test.
浏览 19提问于2017-01-22得票数 1
回答已采纳
1回答
Angular2双向绑定不起作用
angularjs、angular
我不知道为什么这个简单的双向绑定不能在角2中工作，它是与信任有关，还是？ template: '<h2>{{name}}</h2><input [(ngModel)]="name" /><input [(ngModel)]="name" />'export"angular</
浏览 4提问于2016-03-18得票数 1
21回答
角错误：“不能绑定到'ngModel‘，因为它不是’输入‘的已知属性。”
angular、typescript、angular-ngmodel、angular-forms
我使用的是角4，控制台中有一个错误：
我怎么解决这个问题？
浏览 20提问于2017-04-08得票数 395
回答已采纳
1回答
Angular 6 ngModel数据绑定自动转换大写
css、asp.net-core、angular6
我正在使用angular 6仪表板。对于所有表单，我使用ngModel绑定数据。所以现在有了另一个新的要求。所有数据必须以转换大写形式发送到后端。有没有办法在一个地方把所有数据都转换成大写？？text-transform: uppercase; 但是数据不是通过转换大写来发送的。(仅前端显示大写。) 如果没有，有没有一种简单的方法可以从后端转换它们。(后端由.net内核编写)
浏览 16提问于2019-02-15得票数 0
3回答
不能绑定到“ngModule”，因为它不是“输入”的已知属性。角2 asp.net芯
javascript、jquery、angularjs、angular、asp.net-core
Package.json "version": "1.0.0", "private": true, "@angular/common": "2.0.0", "
浏览 8提问于2016-12-27得票数 2
回答已采纳
2回答
以角度表示的图像更改灰度(滑块)
javascript、angular、typescript、angular8
我正在尝试使用滑块控件将图像转换为灰度和深褐色 这是我的html代码 <div class="card-body"> </image-cropper> 下面是我的答案
浏览 27提问于2021-02-03得票数 0
回答已采纳
1回答
获取标记值单击角的方法
angular、typescript、input、tags
因此，我实现了一个标签输入在我的角度应用程序项目。它适用于自动完成，但当我单击某个标记时，它只获得第一个索引的值。<input type="text" class="form-control" id="inputted" placeholder="Type to search Screening
浏览 0提问于2018-09-28得票数 1
回答已采纳
2回答
在HTML上单向数据绑定，就像我们在角1中所做的那样：
javascript、angularjs、angular2-template、two-way-binding
有任何方式在角2，以便我们可以实现单向数据绑定，就像我们在角1。<html lang="en-US"> <h1>Hello {{name}}</h1>
<h2>
浏览 1提问于2017-07-13得票数 3
2回答
在下面显示的代码中，[checked]="ndx==0"如何动态预选第一个单选按钮？f-s-1pt2" type="radio" value="{{dm.name}}"
[(
浏览 2提问于2018-01-24得票数 5
回答已采纳
2回答
角6数据绑定问题
angular、typescript
我刚刚从角JS1.6移动到角形6，而创建一个应用程序在角6 [(ngModel)]="number1"指令是用于双向数据绑定。一旦使用，我的组件就停止呈现，如果我使用(ngModel)，则组件呈现，但模型变量不绑定任何数据。如果我将此代码添加到组件TS代码public number1: number = 22;中，则该值永远不是数据绑定。像角JS一样创建变量，就像我们只在HTML
浏览 1提问于2018-07-06得票数 2
回答已采纳
3回答
Angular2表单输入中的#name和[(ngModel)]="name“有什么区别？
angular、angular2-forms
我有点困惑，一些教程使用#来获取输入，而另一些则使用[(ngModel)]。两者之间的有效区别是什么？
浏览 1提问于2017-04-05得票数 18
回答已采纳
1回答
从文本框中获取数据，并使用materials在angular 6中显示
angular、typescript
Check output image 从下面的代码中我显示了消息数组的内容，但我怎样才能在angular中实现与textbox相同的按钮功能 <mat-card class="example-card></button>
</mat-card> TypeScript import { Component } from '@ang
浏览 15提问于2019-01-26得票数 0
回答已采纳
2回答
Angular中的复选框在提交时不接受最新值
angular、typescript、angular6
Update", value: false }, { right: "Edit", value: true }在我的超文本标记语言中，我循环进入&显示在复选框中，这些复选框是默认选中的true。现在这里的问题是，当我更改值时，它仍然返回与TypeScript中定义的值相同的值，并且我想要新的更新值。
浏览 23提问于2018-08-06得票数 0
回答已采纳
14回答
使用ngModel的角2双向绑定不起作用
data-binding、typescript、angular、2-way-object-databinding
无法绑定到“ngModel”，因为它不是“输入”元素的一个已知属性，并且没有对应属性的匹配指令import { Component, View, bootstrap } from'angular2/angular2'
selector: 'data-bind'@View({ <input
浏览 8提问于2015-07-25得票数 118
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
