angular-reactive-forms相关内容

在Form数组中恢复模式原始状态,取消按角度单击的更改按钮(&Q)5

我正在开发角度5应用程序,并使用反应表单的Form数组。 当用户在一个或多个FormGroup中做了一些更改,然后又改变主意并点击了“取消更改”按钮,那么如何恢复组件模型的初始状态?? 我试着在角度官方网站上寻找这个, 在StackOverflow上,但未找到类似的内容。 推荐答案 不知何故,重置函数不是我想要的,所以我使用下面的函数来重置Form数组, purgeForm ..
发布时间:2022-07-16 09:00:39 其他开发

嵌套Form数组上的PatchValue

我有这个表单,它有一个包含日期值的嵌套表单数组。当用户选择日期时,将调用一个函数来设置日期的格式,并应更新表单的值。 但是,我很难理解如何访问数组中的特定Form控件…… 这是相关代码 constructor(private formBuilder: FormBuilder, private datepipe: DatePipe) { this.form = this.formBu ..
发布时间:2022-07-15 23:25:34 其他开发

将验证从组件化的Reactive From输入发送到另一个Reactive Form

在传统的Reactive Form中,您可以指定所有输入,并在相关组件的HTML文件上为这些输入添加FormControl和验证。我正在将其中一些输入移动到它们自己的组件中,以便它们变得可共享和可重复使用。 在我的示例StackBlitz中,已经存在使用验证来禁用/启用基于表单验证的搜索输入的逻辑。但是,现在我已经将其中一个输入移动到它自己的组件中,出于验证目的而处于相同formBuilde ..

动态和隐藏字段的反应式表单验证

首先,我有一个角度反应表单,它有一个按钮,可以向该表单添加另一个FormArray。所有验证工作正常,并按预期工作。当向已经动态的表单组引入另一个动态控件时,事情变得有点棘手。此控件基于在另一个表单控件中所做的选择来显示/隐藏。 当控件显示时,我引入了验证,当控件隐藏时,验证被清除。这可确保我的表单保持正确有效/无效。 它的行为有点不正常,例如,当我完成一组输入并添加另一组动态输入时,两者 ..

错误:无法读取未定义的属性(正在读取HeaderCell)-在角度材料表中创建反应形式

我正在尝试创建一个具有反应性形式的角度材质表。 我需要添加一些属性,所以我使用的是formArray。 但是我的表没有显示任何结果,而ANGLE使我返回相同的错误: 错误类型错误:无法读取未定义(正在读取)的属性 ‘HeaderCell’) 这是我到目前为止得到的: HTML ..

角度反应表提交两次,提交成功后显示无效错误消息

我有一个角度反应表单,带有一个自定义的ErrorStateValidation。所需的行为如下: 仅在提交了字段并且文本输入字段中未输入任何内容时才显示无效的错误消息。 如果表单已成功提交,请将验证和提交状态重置为False,并且不显示无效错误消息。 我让#1使用定制的ErrorStateMatcher。在成功提交之后,我将调用FormGroupDirective上的Reset Fo ..
发布时间:2022-04-13 19:34:41 其他开发

Form数组长度不会通过Form.Reset()重置

我正在研究角度表单数据驱动方法,我将表单控件动态添加到Form数组中,我使用form.Reset()来重置添加的控件,但Form.Reset()不重置Form数组长度,我发现这是一个已知的问题,可以使用这种方法解决,https://github.com/angular/angular/pull/11051,但我仍然不清楚这一点。请帮帮忙,谢谢 reviewForm: FormGroup; ..
发布时间:2022-04-13 19:27:22 其他开发

使用反应式表单时,禁用(设置为只读)MAT-DATEPPICER上的文本输入

我正在使用角度材质2的mat-datepicker,并希望禁用输入元素,以便用户无法使用文本输入编辑值。 detailed instructions in the Angular Material 2 docs有detailed instructions in the Angular Material 2 docs关于如何禁用mat-datepicker的不同部分,但它们似乎不包括如何在文本 ..
发布时间:2022-04-13 19:23:00 其他开发

有条件地禁用角度为4+的反应形式内的单选按钮组中的单选按钮

我在Component中创建了一个反应形式,并在其上定义了一些。 现在,我需要根据某些条件禁用单选按钮组中的一个单选按钮。 如何在创建formControl时完成? pfb代码片段: createForm() { this.heroForm = this.fb.group({ confirmActionRadioGrp: this.fb.group({ ..

角5-反应型

我正在处理反应式表单,但我无法获得从UI更改或更新的具体表单控件,而是获得整个表单。我尝试使用valueChanges(),但它返回完整的表单本身,而不是提供特定更改的表单控件。 我尝试使用valueChanges()方法,但没有得到预期的结果 推荐答案 您可以订阅特定的表单控件,而不是这样订阅整个表单 this.form.get('userName').valueChan ..
发布时间:2022-03-09 21:51:54 其他开发