Angular Form控件在组件init上无效，没有任何操作
可能是由于以下原因导致的：
- 表单控件未正确绑定到组件的模板中：确保在组件的模板中正确地使用了表单控件的指令，例如ngModel、formControl等。
- 表单控件未正确初始化：在组件的初始化过程中，需要对表单控件进行初始化，可以通过在组件的构造函数中创建FormControl对象，并将其赋值给组件的属性。
- 表单控件的初始化时机不正确：如果在组件的init方法中进行表单控件的初始化，可能会导致初始化无效。应该将表单控件的初始化放在组件的构造函数中或者ngOnInit生命周期钩子函数中。
- 表单控件的绑定值未正确更新：如果表单控件的绑定值没有正确更新，可能会导致表单控件无效。确保在组件中正确地更新表单控件的绑定值。
解决这个问题的方法包括：
- 确保表单控件的指令正确地绑定到组件的模板中，并且使用了正确的属性和方法。
- 在组件的构造函数或ngOnInit生命周期钩子函数中进行表单控件的初始化，并将其赋值给组件的属性。
- 确保表单控件的绑定值在组件中正确地更新，并且与模板中的表单控件进行双向绑定。
对于Angular Form控件无效的具体情况，可以提供更多的代码和错误信息，以便更准确地定位问题并给出解决方案。
关于Angular Form控件的更多信息，可以参考腾讯云的Angular Form控件相关文档和示例：
相关·内容
在component init上，所有带有验证器的表单控件都被标记为无效，而不采取任何操作。component.html <input type="text" formControlName="phone" [class.error]=&q
浏览 14提问于2020-05-15得票数 1
回答已采纳
1回答
我有一个主组件定义了一个包含三个字段的表单。第三个字段在子组件中定义。
我简化了将formGroup传递给子组件以绑定值。从数据绑定的角度来看，它可以很好地工作，但是当我为表单单击submit时，我可以看到在父组件中定义的字段上运行的验证，但是子组件中的组件没有变红。
浏览 0提问于2020-10-11得票数 2
回答已采纳
我附上了视觉设计的自定义选择组件。我需要把它复制出来。在我的级别上，我不能定制select组件来处理这个模拟。但作为一种选择，我可以使用ul创建一个下拉列表来匹配相同的内容。但在我的angular应用程序中，我使用的是Reactiveform，因此，我无法添加验证错误。
浏览 9提问于2019-08-01得票数 0
2回答
由于我是在Redux环境中，所以我会分派一个操作来获取当前的步骤表单数据，以便应用于有效负载。完成后，我将触发另一个操作来保存数据。实际上，我通过以下方法知道表单何时有效或无效：
由
浏览 1提问于2017-07-05得票数 5
假设模板中有如下代码片段： <md-input-container> </md-input-container>这个组件</em
浏览 2提问于2017-07-14得票数 2
回答已采纳
我以前从未使用过Angular2或Angular2，但现在我必须对运行在我的域上的一个使用Angular的站点进行更新。我需要以编程方式填写一个文本框并单击submit，但是在使用.value = "val“设置文本框的值之后，它仍然将该文本框视为空。我已经阅读了有关angular的内容，现在理解了ng-脏和ng-pristine的概念，但通过编程将类更改为ng-脏仍然不起作用。似乎即使我更改了类，它仍然没有更新“原始”状态，并且它仍然认为文本框是空的。
我读
浏览 0提问于2016-11-18得票数 1
我在Angular Js表单和提交按钮上有几个控件。我还在验证字段是否为空。但是，即使输入了所有数据，也不会提交表单。下面是我拥有的示例代码：<body class="ng-cloak"><form name="mainForm" id=&qu
浏览 1提问于2017-01-10得票数 0
回答已采纳
我正在尝试使用angular reactive表单向表单提交时的第一个无效表单控件添加id属性。下面是我当前在组件中拥有的内容： if (this.form.invalid) { } else {this.submitted.emit(this.form.value); }
for (c
浏览 7提问于2019-08-16得票数 0
回答已采纳
我有一个名为"ui-textbox“的自定义输入组件，当它的多个实例存在于一个表单-in (一个常规页面组件)中时，如果我触摸它们中的任何一个，它们都会被触摸到的，如果其中任何一个都是无效的，则无效，尽管它们没有相同的名称注意到，当我检查它们的父窗体时，我看到表单控件具有正确的有效性和触摸状态，因此只在输入元素上添加了不正确的ng类！TextBoxUI组件：
import { Compon
浏览 0提问于2018-01-01得票数 0
回答已采纳
我有一个自定义的表单控件组件(它是一个美化的输入)。它是一个自定义组件的原因是为了便于UI更改-也就是说，如果我们从根本上改变输入控件的样式，那么很容易在整个应用程序中传播更改。目前我们在Angular 中使用材质设计
当它们无效时，哪些样式可以很好地控制。我们实现了ControlValueAccessor，以便允许我们将formControlName传递给我们的自定义组件，它可以完美地工作；当自定义控件</
浏览 5提问于2017-08-08得票数 30
> 唯一但令人恼火的问题是，当地址输入组件通过模型绑定正确填充时，地址输入组件仍将保持无效状态。', 123); 自定义表单组件应有效，但仍然无效。经过一些研究之后，我注意到这是因为Angular在调用自定义表单组件上的ControlValueAccessor接口的writeValue方法之后，立即调用了Validator接口的Validator方法这样，当Angular在自定义表单
浏览 82提问于2019-07-24得票数 0
回答已采纳
当表单控件在不同的组件中时，有一个关于自动设置将字段标记为无效的类(用红色)的。
这些类是mat-form-field-invalid和mat-input-invalid。因此，我解决这个问题的想法是在单击submit按钮后从FormGroup获取无效控件，并在循环中将它们与无效控件/字段的formControlName ()匹配，然后编程地将它们设置为无效的。我尝试过使用formData
浏览 0提问于2018-04-15得票数 0
回答已采纳
必须有一个标准的方法来解决这个问题，但我还没有找到任何东西。我可能没有正确地表达我的搜索。我有一个搜索输入字段，这是一个很好的实践，当用户不断输入时，我使用switchmap操作符来取消以前的http请求。=> { })}); 每当用户在输入字段中键入内容并保存到存储中时，SomeAction都会被调度(这就是为什么SomeOt
浏览 29提问于2020-04-30得票数 0
回答已采纳
我使用Angular2 ng-表单，我喜欢它如何自动判断表单上的所有控件是否有效，如果是，则启用我的表单提交按钮。但是，如果我在其中一个控件上使用了一个很酷的jquery插件，比如我的示例中的datedropper，那么表单将保持无效，直到基础输入控件有效为止。submitForm.form.valid">SAVE</button> </<em
浏览 2提问于2017-03-08得票数 2
回答已采纳
7回答
角反应形式自定义控件异步验证
、、、、
这里的诀窍是：
方法从ControlValueAccessor接口调用的方法value ()在值更改后立即调用，不要等待异步验证器。当然，控件是无效的和挂起的(因为正在进行验证)和主窗体也会变得无效和挂起。一切都很好。
但。当异步验证器完成验证并返回
浏览 13提问于2019-12-12得票数 7
3回答
我有一个关于管道的问题:假设有一个管道，它应用于反应式的领域在第一次将值设置为表单域时，它可以正常工作例如:如果视图的值为'112‘，则管道将值转换为'11 2/4’，当我执行this.form.get(formControlName).setValue(‘112’)时，管道转换不会被应用，值保持为‘112更新#1
在尝试使管道不纯之后，它实际上使其使用相同的
浏览 1提问于2019-12-12得票数 0
问题是，当用户键入一个已经在使用的业务名称时，表单状态是“无效的”(如预期的)，但是它应该在第二个FormControl上显示无效输入的样式，而不是。如果我单击无效字段并单击“走开”，它会显示FormControl无效，但我不想单击第二个控件。预期行为
如果用户在业务名称中键入“测试名称”。第二个FormControl显示的是泄密版本，输入应该具有无效控件的样式。一旦用户将泄密版本更改为"test-name2“，
浏览 3提问于2022-11-02得票数 -1
我在Angular中创建了一个“文件上传”组件，我想在上传过程中将其标记为无效。实际上，当用户选择一个文件时，它会被上传到服务器，但在这段时间内，我不希望用户能够提交表单，所以我想在上传开始时将控件的有效性状态设置为"invalid“，在上传完成时将其设置为"valid”。我读到我可以实现接口Validator，但在我看来，validate方法是由Angular调用的，而不是由我调用的，因此我不能将该控件标记为无效
浏览 0提问于2019-08-01得票数 0
(ngModel)双向绑定指向我的组件中的对象。如果我在控件中包含name="companyName"属性，则在提交时将在form.value对象下获得companyName: value，这是我不想要，因为我使用了已在组件中设置的ngModel绑定属性我不能从该控件中删除name属性，如果我这样做了，我会得到一个错误，指出我需要使用：[ngModelOptions]="{standalone: true}"
所以我这样做了，但是当我对值进行<em
浏览 5提问于2016-08-11得票数 0
1回答
基本上，我有一个组件，我想把它当作一个独立的表单控件。该控件将始终有某种特殊的验证附加，我希望它在任何时候使用组件时都会出现在窗体上。 selector: &#
浏览 1提问于2018-03-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
