Angular 2-无法绑定到'ngModel‘，因为它不是'input’的已知属性
Angular 2是一种流行的前端开发框架，用于构建现代化的Web应用程序。在Angular 2中，'ngModel'是一个指令，用于实现双向数据绑定。然而，当尝试将'ngModel'指令绑定到非'input'元素时，会出现无法绑定的错误。
'ngModel'指令是Angular的FormsModule中的一部分，它提供了表单控件的双向数据绑定功能。通常情况下，'ngModel'指令用于绑定到'input'元素的'value'属性，以便实现数据的双向同步。
如果尝试将'ngModel'指令绑定到非'input'元素，例如'div'或'span'，将会出现无法绑定的错误。这是因为'ngModel'指令只能应用于具有'value'属性的表单控件。
解决这个问题的方法是使用其他适合的指令来实现所需的功能。例如，如果想要在非'input'元素上实现双向数据绑定，可以使用'ngModel'指令的替代品，如'ngModelOptions'指令或自定义指令。
腾讯云提供了一系列与前端开发相关的产品和服务，其中包括云托管服务、云函数、云存储等。这些产品可以帮助开发者快速构建和部署前端应用。具体推荐的腾讯云产品和产品介绍链接如下：
- 云托管服务（云原生应用托管）：提供了一个全托管的容器化平台，可用于部署和运行前端应用。详情请参考：云托管服务
- 云函数（Serverless 云函数）：无需管理服务器，可编写和运行前端应用的后端逻辑。详情请参考：云函数
- 云存储（对象存储 COS）：可用于存储前端应用的静态资源，如图片、视频等。详情请参考：云存储
通过使用这些腾讯云产品，开发者可以轻松构建和部署前端应用，并实现数据的双向绑定功能。
相关·内容
我在plunker中有一个Angular 2 Inline Editing组件。但是突然我得到了上面的错误。它怎么了？柱塞代码：<inline-edit [editEnable]="edit" [(ngModel)]="editableText" (onSave)="saveEditable($event)-- inline edit control -->
<input style="margin-botto
浏览 8提问于2016-08-12得票数 1
回答已采纳
我试着测试Angular2的双向绑定，但是我总是得到这个我怎么才能解决这个问题？import { Component } from '@angular/core';
selector: 'impur
浏览 3提问于2016-12-14得票数 1
回答已采纳
我得到了“无法绑定到”(NgModel)，因为它不是角单元测试用例中“输入”错误的已知属性import { async, ComponentFixture, TestBed } from '@angular/core/testing';
imp
浏览 2提问于2017-11-23得票数 0
回答已采纳
已经有很多人问过这个问题，但我已经根据每个答案将其导入到我的app.module.ts文件中，甚至导入到app.spec.ts文件中<p>{{ randomWord }}</p><input type="text" [(ngModel)]="enteredValue">
浏览 3提问于2018-11-08得票数 9
我正在尝试在Angular 2中实现动态表单，我已经在动态表单中添加了像Delete和Cancel这样的附加功能。我遵循了这个文档： [id]="question.key" [type]="question.type
浏览 106提问于2016-08-11得票数 185
回答已采纳
当我启动我的Angular应用程序时，我得到了以下错误，即使组件没有显示。 我必须注释掉，这样我的应用程序才能正常工作。zone.js:461 Unhandled Promise rejection: Template parse errors: ]
浏览 332提问于2016-08-11得票数 1771
回答已采纳
我的输入在下面，我添加了FormsModule引用，但仍然显示错误“无法绑定到‘ngModel’，因为它不是‘input’的已知属性”
import { NgModule } from '@angular
浏览 2提问于2020-07-22得票数 0
我正在使用Angular 6并试图渲染一个页面，我得到以下错误Can't bind to 'ngModel‘，因为它不是’input‘的已知属性。我已经尝试了在Stack Overflow中能找到的所有选项。1)在导入中包含app.module.ts中的FormsModule
2)在html文件中使用(ngModel)。3)将“@angular&#
浏览 3提问于2018-07-20得票数 0
14回答
无法绑定到“ngModel”，因为它不是“输入”元素的一个已知属性，并且没有对应属性的匹配指令import { Component, View, bootstrap } from'angular2/angular2'
selector: 'data-bind'
浏览 8提问于2015-07-25得票数 118
回答已采纳
'angular2/common'; <input type="text" *NgModel="credentials.name" /> }
public credent
浏览 0提问于2016-03-11得票数 52
回答已采纳
不知何故，我收到错误消息“无法绑定到'ngModel‘，因为它不是’input‘的已知属性”。即使这样，FormsModule也是导入的。html (login.component.html)：<butto
浏览 4提问于2021-09-07得票数 0
但主要的答案如下，我希望其他人也能得到类似的答案：(NgModel)=“值”
import{ NgModel } from '@angular/forms';@Component({
浏览 3提问于2020-03-02得票数 0
回答已采纳
我正在尝试使用Angular js2的反应形式，并且我已经在我的组件中导入了Formcontrol和ReactiveFormsModule，但是我遇到了这个错误。
浏览 1提问于2017-11-10得票数 0
随着我慢慢地重新熟悉Angular，我正在研究基本的示例。根据本教程，应该会有一条干净的错误消息，声明“无法绑定到'ngModel‘，因为它不是’input‘的已知属性。”相反，我得到了这个乱七八糟的东西： ? 这里发生什么事情？
浏览 31提问于2021-10-22得票数 0
我已经在我的FormsModule中导入了app.module.ts，但是我仍然会收到这个错误。不能绑定到“ngModel”，因为它不是“输入”的已知属性
import {FormsModule} from '@angular/fo
浏览 3提问于2017-10-23得票数 1
回答已采纳
我似乎无法把这两种方式结合起来工作。我在中应用了修复程序，但这不起作用。错误如下：
浏览 2提问于2016-08-19得票数 7
回答已采纳
不能绑定到“NgModel”，因为它不是“input”的已知属性。import { NgModule } from '@angular/core';import { FormsModule } from
浏览 2提问于2017-10-30得票数 0
回答已采纳
我正在尝试测试控件input的angular2双向绑定。下面是错误：<input id="name" type="text" [(ngModel)]="nam
浏览 1提问于2016-09-20得票数 123
回答已采纳
大家好，我知道有很多关于标题错误消息的问题，我花了几个小时来解决这个错误，但我还没有找到解决方案。我使用的是angular 9，我有两个模块，一个是appModule，一个是userModule。<input [(ngModel)]="user.name" placeholder="user.name" name="username"/>
上面代码行中的ngModel给出了错误消息。imp
浏览 4提问于2020-06-20得票数 0
我已经阅读了所有的帖子，“Can't bind to 'ngModel' since it isn't a known property of 'input'”的解决方案似乎是将FormsModule添加到imports和app.module.ts中的imports数组(我在应用程序中只有一个模块。..。..。但我已经尝试过了，以及多种排列，包括将它们导入到git-search-component.spec.ts，以及导入ReactiveForm
浏览 17提问于2019-03-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
