我想创建一个自定义表单组件，它“捆绑”了几个子输入元素，并在所有子元素都有效时有效。 我想我可以简单地创建一个实现ControlValueAccessor和Validator接口的组件。我使用ViewChildren装饰器将输入作为NgModels注入，这样我就可以遍历它们并收集组件的validation方法中的任何验证错误。经过一些研究之后，我注意到这是因为Angular在调用自定义表单组件上的ControlValueAccessor</em
浏览 82提问于2019-07-24得票数 0
回答已采纳
这意味着在混合AngularJS应用程序中使用新的Angular 5组件。在许多情况下，表单嵌套在其他表单中。</div>`, scope: { }} 和子形式类似子窗体中的验证错误会影响父窗体的有效性。中使用，新组件在index.ts中被降级： angular.module('
浏览 31提问于2020-04-23得票数 3
我使用ControlValueAccessor已经有一段时间了，最近我遇到了一个问题，我找不到解决的方法。我创建了一些组件(使用ControlValueAccessor)，其中包含一个FormGroup，并应用了一些特殊的验证。在父组件上，我有一些关于何处需要子组件( ControlValueAccessor组件)的逻辑。为了设置所需的验证器，我执行以下操作：
浏览 0提问于2021-05-12得票数 0
我在子组件中有多个form控件，如何在子组件中应用验证器，这样原来的表单就会失效。最好是用ControlValueAccessor实现它，但希望从简单的@input表单组开始。
浏览 1提问于2016-11-10得票数 20
回答已采纳
我的目标：创建一个基于角度材料组件的自定义组件
Problem：当用户按下父组件上的submit按钮时，将mat-表单字段和mat错误包装到组件中不会触发验证。在演示中，有一个简单的输入+验证，但稍后会有许多更复杂的组件--我尝试实现ControlValueAccessor，但它对我不起作用，或者我可能无法实现它。我得到的错误不能设置对象对象的属性验证器，它只有一个getter，当我试图将ngControl绑定到fo
浏览 1提问于2020-02-12得票数 0
我在一个角10应用程序中有一个问题，即在初始化时将formGroup的状态传播给它的父程序。更准确地说，我有3个嵌套组件。所有这些都是表单，两个子级都实现了ControlValueAccessor。它们通过"formControlName“属性进行通信。最深的表单被错误地初始化(一个必需的字段)。我在等待更好的解决方案时发现了一个黑客：
publi
浏览 3提问于2021-02-23得票数 5
回答已采纳
我有一个自定义的表单控件，验证似乎在起作用，但在控件被触摸后，validate方法不会被调用。在我的简单的自定义表单控件中，我希望能够在控件被触摸的任何时候进行验证，而不仅仅是在它的值改变之后。或者，有没有更好的方法来进行初始验证？ console.log("v
浏览 0提问于2017-10-20得票数 1
1回答
我有多个组件，每个组件都有一些输入、选择和其他表单元素。这是使用模板驱动表单开发的所有元素。我有两个问题。
对于将子组件表单元素获取到父组件，我使用的是ControlValueAccessor，，这是正确的方法吗？在我的子组件中，我有多
浏览 4提问于2017-05-03得票数 0
7回答
角反应形式自定义控件异步验证
、、、、
更新:异步验证成功地解决了问题。但是，初始验证状态还有另一个问题。见最新答案。
方法从ControlValueAccessor接口调用的方法value ()在值更改后立即调用，不要等待异步验证器。当然，控件是
浏览 13提问于2019-12-12得票数 7
几天来，我一直在努力为我的用例找到一个好的模式。我有一个非常复杂的反应形式，充满嵌套的组件，一些字段是必需的，一些字段可能会出现在一定的条件下，等等。这造成了维护代码的巨大问题。到目前为止，我使用的方法是将formControl传递给子组件并从中填充，但是考虑到表单的大小，调试变得非常困难。此表单的一个必要条件是，在提交整个表单时，对所有嵌套字段进行验证，并对所需但尚未插入的任何字段进行markAsTouched。我一直在探索两种方法，但这两种方法似乎没有任何帮助：
控
浏览 3提问于2020-06-16得票数 10
我有一些表单组件，实际上，它们只是将一个大公式的一些部分包装成小块。我可以想象这样做的两种方法:一个ControlValueAccessor或一个简单的PropertyBinding将FormControl传递给子组件。核心想法：问题:在使用更简单的FormControl-输入绑定时，有什么方面/优点/缺点吗
浏览 1提问于2020-03-26得票数 4
我有一个自定义的表单控件组件(它是一个美化的输入)。它是一个自定义组件的原因是为了便于UI更改-也就是说，如果我们从根本上改变输入控件的样式，那么很容易在整个应用程序中传播更改。目前我们在Angular 中使用材质设计
当它们无效时，哪些样式可以很好地控制。我们实现了ControlValueAccessor，以便允许我们将formControlName传递给我们的自定义组件，它可以完美地工作；当自定义控件有效/无效，并且应用程序按预期运行时，表单就是有效&#x
浏览 5提问于2017-08-08得票数 30
4回答
我读过关于实现ControlValueAccessor的各种教程，但是我找不到任何东西可以说明如何编写组件来包装现有的组件。它也不考虑验证(例如，如果它是“必需的”，当一个值没有设置时，表单控件将正确地无效，但是角材料组件不会显示为这样)。这有点近了。我已经在自定义组件类中创建了一个新表单，该类只有一个控件。这也意味着任何应用于我的自定义表单控件的验证(由容器组件应用)都会被忽略，因为我已经创建了一个新的“内部表单”，它缺
浏览 5提问于2017-11-19得票数 31
我正在基于ControlValueAccessor创建我自己的输入域。下面是一个例子：自定义字段为required。在TextInputComponent中，我指的是NgModel，但它始终是valid。{{formGroup.get('text').valid}}给了我正确的值。
浏览 2提问于2018-07-10得票数 1
我想要创建一个带有ControlValueAccessor接口的自定义表单元素，该元素位于角2+中。此元素将是<select>上的包装器。是否可以将formControl属性传播到包装元素？在我的示例中，验证状态没有传播到嵌套select，正如您在附带的屏幕截图中看到的那样。 const OPTIONS_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR,
useExisting/o
浏览 9提问于2017-05-26得票数 30
回答已采纳
我正在构建一个自定义组件，它封装了几个表单字段，并实现了ControlValueAccessor，以便与其父组件中的反应性表单进行交互。我还使用NG_VALIDATORS为自定义表单组件设置验证，基本上遵循本指南：
然后，通过将子窗体包装在带有<div>的*ngIf标记中，打开/关闭子窗体。我面临的问题是，每次组件显示并隐藏时，验证器函数都会“重新连接”一次。每个先前对验证器函数的引用都会被记
浏览 2提问于2017-03-02得票数 1
回答已采纳
2回答
主要的表单组件：import { FormBuilder, FormGroup, ControlContainer}) }
this.submitData = JSON.stringify(v, null, 2);}import { Component, forwardRef } from '@angular/
浏览 6提问于2018-12-15得票数 0
2回答
我和一位朋友正在争论在以下场景中使用什么更好的技术：现在，我们为每个子组件提供了一组验证器。在编程上不可能将Egg与其验证器相关联，因此必须对每个新的Egg进行手动操作(鸡蛋的数量有限)。一旦映射完成，我们就可以为每个鸡蛋运行每个
浏览 0提问于2014-12-09得票数 3
回答已采纳
是否可以签入根组件AppComponent，它的子组件已经准备好了。子组件是使用AppComponent模板中的路由和AppComponent指令加载的组件。子组件路由有一个异步身份验证保护器canActivate。我想在身份验证保护完成后在AppComponent中执行一些代码。
浏览 4提问于2016-09-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
