在angular中创建反应式表单时出错
在Angular中创建反应式表单时出错可能是由于以下原因之一：
- 模块导入错误：确保你已经正确导入了
ReactiveFormsModule模块。在你的模块文件中，添加import { ReactiveFormsModule } from '@angular/forms';并将其添加到imports数组中。 - 表单控件命名错误：检查你的模板文件中的表单控件名字是否正确。确保表单控件的名字与组件中的属性名一致。
- 表单控件绑定错误：确保你已经正确地将表单控件与组件中的属性进行双向绑定。例如，使用
formControlName指令将表单控件与组件中的属性进行绑定。 - 表单验证器错误：如果你在表单控件上使用了验证器，确保验证器的使用方式正确。例如，使用
Validators.required来验证必填字段。 - 表单提交处理错误：如果你在表单中添加了提交按钮，并且在提交按钮的点击事件处理函数中执行了表单提交操作，确保你已经正确地处理了表单提交事件。例如，使用
formGroup.valid来检查表单的有效性。
如果以上解决方法都无效，可以尝试在Angular官方文档、Angular社区论坛或者相关的开发者社区中搜索类似的问题，或者向相关的技术支持渠道寻求帮助。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的 MySQL 数据库服务，支持自动备份、容灾等功能。了解更多：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全可靠、高扩展性的对象存储服务，适用于图片、音视频、文档等各种类型的数据存储。了解更多：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型，支持开发者进行机器学习、深度学习等任务。了解更多：https://cloud.tencent.com/product/ailab
相关·内容
2回答
在angular中创建反应式表单时出错
html、angular、forms、angular-reactive-forms
在Angular 10中创建反应式表单时，我得到了以下错误： 没有ControlContainer core.js:4127提供程序错误: NodeInjector: NOT_FOUND ControlContainerbutton> </form> Typescript代码： import { Component, OnInit } from
浏览 24提问于2020-12-02得票数 0
2回答
Angular 5绑定日期到字段(反应式表单)
javascript、angular、typescript
我在输入类型date时遇到问题。我想从组件绑定数据。
浏览 0提问于2018-04-23得票数 1
1回答
Angular 2自定义验证服务提供程序
forms、angular、validation
我已经为我的表单定义了几个自定义验证器，一切都很正常。我很困惑是否需要将这些验证器作为提供程序添加到模块中？
每件事都是预期的，没有添加，只是我寻求对同样的概念的理解。
浏览 7提问于2017-08-07得票数 0
回答已采纳
1回答
Angular 2:将远程验证错误应用于表单
forms、validation、angular
在向我的后端提交表单时，我可能会得到一个http代码为400的响应，表明验证失败。
浏览 3提问于2016-11-07得票数 3
1回答
是否可以将反应式表单保存在服务中并在多个组件中实例化它？
angular、forms
我在多个组件中使用相同的反应式表单，我希望避免代码重复，并将反应式表单“存储”在服务中，以便在需要时在组件中实例化它。谁能告诉我是否可以使用angular？ 也许有其他更好的方法可以做到这一点？
浏览 15提问于2019-02-09得票数 0
回答已采纳
2回答
如何在Angular中动态添加表单元素和获取数据？
angular
这是我的html代码，我在点击按钮时添加了这个表格div，我的要求是添加单价和数量，并动态获得总金额，但问题是每当我试图计算总价格时，它在每个div中都是相同的。任何形式的帮助都是非常感谢的。
浏览 61提问于2021-08-01得票数 0
1回答
RxJS:带Angular 2的JavaScript的反应式扩展
angular、reactive-extensions-js
谁能给我解释一下为什么Angular 2需要RxJS库，以及它与可观察物& Angular 2到底有什么关系？
浏览 6提问于2016-01-21得票数 4
我正在尝试在我正在构建的Angular自定义库中使用反应式表单。我手动将@angular/表单添加到库的package.json的peerDependencies中，如下所示： "version": "0.0.1","peerDependencies": {
"@angular&#
浏览 11提问于2020-02-25得票数 0
1回答
Angular 6无法在显示来自ngFor循环数据的输入中获取键入的新值
angular、typescript、angular6
我正在获取数据，并将其显示在反应式表单的输入中： <mat-form-fieldformControlName="edit_role_type" placeholder="Role Type"></div>
此
浏览 4提问于2018-10-24得票数 0
1回答
如何检索提交回UI的动态反应表单值？
javascript、angular、typescript
我在angular 7中使用了反应式表单来动态创建表单。我能够生成表单，并以适当的格式获得值，并能够正确提交。我的问题是，在续订表单时，我需要在UI中检索回这些值。简而言之，在续订表单时，我需要在UI中重新填充这些动态表单值。 我可以在点击“添加”按钮时动态
浏览 25提问于2019-10-07得票数 0
2回答
无法绑定到'formGroup‘，因为它不是angular 7中'form’的已知属性
angular、typescript、angular7
我正在使用angular 7的web api进行登录，但是当我使用<form [formGroup]="loginForm" (submit)="loginFormSubmit()">时，我得到了错误，</div> </form>import { Component } from '@angular
浏览 0提问于2018-10-27得票数 0
1回答
Angular 7:表单上的双向数据绑定
angular、forms、angular-reactive-forms、angular7
我目前正在做我的第一个angular项目之一，我正在努力决定采取什么方法最好。
我正在处理的项目包含一个包含金融模拟的表单(可以将它想象为将xls工作表放入angular应用程序)。更改表单输入(xls单元格)中的值必须导致自动重新计算其他字段。这些字段可以分布在多行中。目前，我正在尝试使用reactive forms模块来实现这一点，但是当元素发生变化时，我遇到了响应事件的问题(因为我觉得在每个字段上实现(更改)似乎不是一个好主意)。为了提供一些额外
浏览 0提问于2018-11-04得票数 0
1回答
Angular Google Recaptcha |如何获取recaptcha token结果
angular、typescript、recaptcha
我在我的Angular 7项目中使用了Angular Google Recaptcha，在我安装它之后它就可以工作了。但问题是，我不知道如何在他们提供的文档中重新获得Recaptcha令牌。到目前为止，我在文档中只看到了两个函数。这是完整的工作包吗？
浏览 29提问于2020-07-02得票数 0
1回答
如何将[formControlName]与mat-checkbox一起使用
angular、typescript、angular-material、angular-reactive-forms、form-control
在Angular Material文档中，他们说formControlName不能与mat-checkbox一起使用。那么，如何根据值数组动态创建复选框，并使用反应式表单获取复选框的值呢？
浏览 42提问于2020-10-05得票数 2
回答已采纳
2回答
将动态值绑定到angular中的formcontrolname
angular、angular-reactive-forms
我刚接触反应式表单，所以我面临着将表单控件名称绑定到动态数据的困难，在这里我从后端接收两种类型的数据，一种是问题，另一种是选项。选项将是单选按钮或文本区域。这基本上是一个反馈表单，它有一个正常的文本区和单选选项，单选选项是“差”、“一般”、“好”。我必须用这些选项绑定formcontrolname 以下是代码： feedback.component.ts import {} from '@angular/core';} from '@<
浏览 64提问于2019-01-18得票数 0
2回答
如何在前端javascript上接收通过post请求提交的表单数据
javascript、angular、typescript、ionic-framework
下面的代码是我如何向它提交表单数据的方法。async onSubmit(e) { e.target.submit(); } 表单提交后一旦付款完成，支付网关将被重定向回responseUrl (这是我们的角度前端)，我们在表单提交中提供了一些通过POST方法附加的支付信息。在这种情况下，如何使用javascript检索这些值？我试着做了一些googling搜索，发现大多数人会直接使用php代码来接收html格式
浏览 104提问于2019-09-23得票数 1
2回答
在html表单中使用ngForm，但出现错误
html、angular
我已经创建了一个名为登录的组件，并创建了一个html表单login.component.html，然后我想使此表单为角度表单。所以我在login.component.html和import中添加了<form #loginform="ngForm"> import {NgForm} from '@angular/forms'在login.component.ts中</
浏览 136提问于2020-09-21得票数 0
1回答
angular 9形式的双向绑定
angular、typescript、angular-reactive-forms、angular2-ngmodel、angular-template-form
在angular 9表单中的双向绑定我尝试在表单中使用(ngmodel)，但它给出了错误，这在angular 6和更高版本中是不存在的
浏览 13提问于2021-04-07得票数 0
1回答
动态插入组件时ControlValueAccessor不工作
angular、angular6、angular-reactive-forms
这里是我尝试过的stackblitz链接： https://stackblitz.com/edit/angular-custom-input-init-value-d34jls
浏览 17提问于2019-04-13得票数 0
回答已采纳
1回答
从自定义FormControl重写get value函数
angular、angular-forms
我正尝试在angular2上创建自定义表单控件，但在尝试获取所有表单的值时遇到了一个问题我想重写自定义表单控件的Get值private
浏览 0提问于2018-01-18得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
