angular-reactive-forms相关内容
在我的角度7应用程序中,我正在使用反应形式的角度材料的组件垫选择。 该视图如下所示:
..
我正在开发角度5应用程序,并使用反应表单的Form数组。 当用户在一个或多个FormGroup中做了一些更改,然后又改变主意并点击了“取消更改”按钮,那么如何恢复组件模型的初始状态?? 我试着在角度官方网站上寻找这个, 在StackOverflow上,但未找到类似的内容。 推荐答案 不知何故,重置函数不是我想要的,所以我使用下面的函数来重置Form数组, purgeForm
..
我有一个角度反应形式,让人们选择他们最喜欢的最少1到最多3个水果。 模板:
Which maximum 3 fruits do you like best?
..
我有一个带有两个选项的SELECT: Access Type --
..
我正在尝试使用反应式表单在表单中创建多选复选框列表,但遇到了一个问题,即我创建的用于存储所选复选框值的Form数组在提交时未与表单的其余部分重置。这将导致数组具有与以前的提交对应的多个空值。 相关的html代码:
Die Types:
..
我有这个表单,它有一个包含日期值的嵌套表单数组。当用户选择日期时,将调用一个函数来设置日期的格式,并应更新表单的值。 但是,我很难理解如何访问数组中的特定Form控件…… 这是相关代码 constructor(private formBuilder: FormBuilder, private datepipe: DatePipe) { this.form = this.formBu
..
在传统的Reactive Form中,您可以指定所有输入,并在相关组件的HTML文件上为这些输入添加FormControl和验证。我正在将其中一些输入移动到它们自己的组件中,以便它们变得可共享和可重复使用。 在我的示例StackBlitz中,已经存在使用验证来禁用/启用基于表单验证的搜索输入的逻辑。但是,现在我已经将其中一个输入移动到它自己的组件中,出于验证目的而处于相同formBuilde
..
首先,我有一个角度反应表单,它有一个按钮,可以向该表单添加另一个FormArray。所有验证工作正常,并按预期工作。当向已经动态的表单组引入另一个动态控件时,事情变得有点棘手。此控件基于在另一个表单控件中所做的选择来显示/隐藏。 当控件显示时,我引入了验证,当控件隐藏时,验证被清除。这可确保我的表单保持正确有效/无效。 它的行为有点不正常,例如,当我完成一组输入并添加另一组动态输入时,两者
..
单击Add New按钮时,我使用角度8的反应表单来绑定数据并添加新行,但在这里,当我单击Add New按钮时,新输入行将显示在编辑部分的底部,但我希望它显示在Add New按钮的正下方,我还附上了演示。 HTML:
..
我正在尝试创建一个具有反应性形式的角度材质表。 我需要添加一些属性,所以我使用的是formArray。 但是我的表没有显示任何结果,而ANGLE使我返回相同的错误: 错误类型错误:无法读取未定义(正在读取)的属性 ‘HeaderCell’) 这是我到目前为止得到的: HTML
..
我有一个角度反应表单,带有一个自定义的ErrorStateValidation。所需的行为如下: 仅在提交了字段并且文本输入字段中未输入任何内容时才显示无效的错误消息。 如果表单已成功提交,请将验证和提交状态重置为False,并且不显示无效错误消息。 我让#1使用定制的ErrorStateMatcher。在成功提交之后,我将调用FormGroupDirective上的Reset Fo
..
我正在尝试根据从数据数组中提取的索引创建反应表单。 假设我有以下数组: array = [ { name: 'Ali', gender: 'Male' }, { name: 'Sara', gender: 'Female' } ]; 我提取的索引如下: this.result = new Set(this.array.flatMap(e => Object.keys(
..
我正在处理棱角和故事书。我的模型中有一个FormGroup和Form数组,但它们不使用情节提要。 a.stories.ts->; import { CommonModule } from '@angular/common'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule, Validators } f
..
我正在研究角度表单数据驱动方法,我将表单控件动态添加到Form数组中,我使用form.Reset()来重置添加的控件,但Form.Reset()不重置Form数组长度,我发现这是一个已知的问题,可以使用这种方法解决,https://github.com/angular/angular/pull/11051,但我仍然不清楚这一点。请帮帮忙,谢谢 reviewForm: FormGroup;
..
我正在进行表单重置。它将重置整个窗体,但Form数组除外。 创建窗体并在其中声明formArray createForm(){ this.invoiceForm = this.formBuilder.group({ 'name': ['', Validators.required], 'gst': [''], 'currency': ['']
..
我正在使用角度材质2的mat-datepicker,并希望禁用输入元素,以便用户无法使用文本输入编辑值。 detailed instructions in the Angular Material 2 docs有detailed instructions in the Angular Material 2 docs关于如何禁用mat-datepicker的不同部分,但它们似乎不包括如何在文本
..
我在Component中创建了一个反应形式,并在其上定义了一些。 现在,我需要根据某些条件禁用单选按钮组中的一个单选按钮。 如何在创建formControl时完成? pfb代码片段: createForm() { this.heroForm = this.fb.group({ confirmActionRadioGrp: this.fb.group({
..
我有一个自定义控件组件,我将其包装到。SomeInput封装,有自己的接口,支持反应式表单。 ExtSomeInput被创建为SomeInput上的高级包装。 我有以下html:
..
大家好,我是新手。实际上,我正在尝试从服务订阅数据,并将这些数据传递给我的表单控件(例如,它类似于编辑表单)。 import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormArray, FormControl } from '@angular/forms
..
我正在处理反应式表单,但我无法获得从UI更改或更新的具体表单控件,而是获得整个表单。我尝试使用valueChanges(),但它返回完整的表单本身,而不是提供特定更改的表单控件。 我尝试使用valueChanges()方法,但没有得到预期的结果 推荐答案 您可以订阅特定的表单控件,而不是这样订阅整个表单 this.form.get('userName').valueChan
..