formarray相关内容

嵌套Form数组上的PatchValue

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

带有嵌套表单数组的 Angular 反应表单

我是 Angular 2 的新手,我认为最好的学习方式是阅读官方的 Angular 指南. 我阅读了反应式表单指南https://angular.io/guide/reactive-forms 演示链接:https://stackblitz.com/angular/jammvmbrpxle 虽然内容总体上还不错,但我一直在思考如何实现更复杂的表单.在给定的示例中,每个 Hero ..
发布时间:2021-12-02 20:56:51 其他开发

在 Angular Reactive 表单中使用表单注册控制时遇到问题

我正在研究 Angular Reactive 表单.最初我在formgroup中有一个formarray.之后我将 formgroup 推入 formarray 以动态添加表单控件.使用 formControlName 绑定这些控件时出现问题.我收到此错误:无法通过路径找到控件:'controlArray -> 0 -> value' 这是我的组件类代码: ngOnInit(){this. ..

Formarray 不显示从服务/api 收到的所有记录

我正在尝试将从 webapi 接收到的对象修补为角度反应形式.表单也有一个formarray.但是,尽管有超过 3 条或更多条记录,但只有 2 条记录被修补到响应式表单的表单数组中. 我有两个实体noseries 和noseriesList,其中一个noseries 有零个或多个noseriesLists.因此,在从 webapi 获取鼻子之后,我想将鼻子的属性和导航列表“noseriesL ..
发布时间:2021-11-10 03:11:15 其他开发

如何使用angular8将对象的动态数组分配给formgroup

嗨,我从 API 命中获得对象数组,该对象数组必须分配给 formGroup.我曾尝试使用 formGroup 绑定,但它检测到真/假值,但它没有给我更改对象数组中的真/假值,而是只给我真/假,而且我在另一个数组中也有日期输入字段,它也不会检测真/假值或更改的值.如果我写的代码有问题,请纠正我并帮助我以有效的方式编写. 感谢帮助. 演示:演示 TS: 私有设置InfoForm() ..
发布时间:2021-11-10 03:09:40 其他开发

如何访问组件中 FormArray 内定义的 HTML 中的控件 - Angular2

我在我的应用中使用 ReactiveFroms.当我添加 static 控件时,一切正常.我正在使用 controls 的 inbuilt 类显示 validation 错误.使用静态控件Plunkr. 但是当我尝试添加 dynamic 控件时,我无法访问控件以应用 inbuilt 验证. 我在从 HTML 模板 访问控制 reference 以应用验证时遇到问题.我不知道如何访问控件 ..

如何以反应形式获得无线电的选定值

我正在尝试获取单选按钮的 selectedValue 并将其与单选文本一起传递为 true.如果选择了选项 1,则 selectedValue 将作为真发送,否则为假.如果选择了选项 2,则 selectedValue 将被发送为 true,否则为 false.我无法将其设置为 true.想知道以前是否有人这样做过? https://stackblitz.com/edit/angular-x ..

如何使 Angular Reactive Formarray 中的级联下拉列表工作而不会弄乱下拉值

我有一个 angular 4 的表单,其中包含名字 + 姓氏,以及一个包含 2 个下拉列表(选择)的表单数组,用作级联下拉列表和一个删除按钮.表单的其余部分还包含一个发送按钮和一个添加选项按钮.我在这里添加了一个屏幕截图,以便您更好地理解.表单添加、删除按钮和发送按钮工作有 1 个问题,级联下拉列表仅在有 1 个级联下拉列表时才起作用,当我添加额外的级联时,从前几组级联选择第二个选择中选择值搞砸了 ..

可重用子组件中的 Angular Reactive Forms:FormArrays 的问题:`formGroupName` 必须与父 formGroup 指令一起使用

我试图用一个例子来描述这个问题(关于stackblitz的完整例子) 如果我尝试将反应式表单的某些部分以简单的“formControls"或“formGroups"的形式与子组件一起放置,则没有问题.(参见上面 stackblitz 的例子).FormGroupDirective 按预期工作. 但是如果我尝试将 FormArray 放在子组件中,我会因为以下原因遇到麻烦: ..

如何获取角度形式数组中更改项的索引

我正在使用具有反应形式的 Angular 4.我有一个表单数组,我试图将它绑定到我在组件中跟踪的数组.我使用的是反应式表单,所以我可以进行验证,所以我不想使用模板表单方法. 我将项目添加到表单数组中,如下所示: createFormWithModel() {this.orderForm = this.fb.group({订单号:[this.order.ProductBookingOrder ..
发布时间:2021-11-10 03:03:00 其他开发

Angular Reactive 形式的嵌套动态数组形式

我有一个数组表单,即“地址",一旦用户单击“添加地址"按钮,就会立即添加一个地址表单,这将是动态的.我用一个问题实现了这个(添加/删除地址工作正常).现在我需要添加一个类似于地址的动态联系电话. 一个地址可能包含一个或多个电话号码,如果用户点击“添加电话号码"需要在地址表单中添加新的电话号码表单,则所有地址表单都需要该功能.(即,数组数组 => 地址数组,每个地址包含联系人数组) St ..