angular-reactive-forms相关内容

在 Angular 8 中使用带有枚举的 Formbuilder

有没有办法将 Enum 与 Formbuilder 名称联系起来?下面,是一个枚举,并且想要将枚举转换为它的字符串,并与 Formbuilder 一起使用(而不是在 formbuilder 中使用字符串) 这在 Angular 中可行吗? 枚举地址{城市,状态,压缩}this.addressForm = this.formBuilder.group({'city': [null, [Val ..

我正在使用 FormArray 并且我在另一个控件中有控件但是我如何在 angular 的嵌套控件中添加元素

我对将数据推入控件有点困惑,因为我在嵌套控件中使用控件我不知道如何将数据推入嵌套控件中这是我的 component.ts 代码 mileStoneForm:FormGroup;构造函数(私人FB:FormBuilder){this.mileStoneForm = this.fb.group({里程碑:this.fb.array([])});创建里程碑(){返回 this.fb.group({姓 ..
发布时间:2021-11-10 03:11:29 其他开发

根据后端返回的数据添加 FormControl,但在 Angular 应用程序中出现两个不同的错误

这是我的 Angular 应用的页面之一. 在 ngOnInit 方法中,我调用 api 两次以获取我需要的不同数据,并使用 forEach 方法循环数据以构建反应式表单,但不知何故,我遇到了两种不同的错误之一. 这个 在此处输入图片说明 还有这个 在此处输入图片描述 有时根本没有错误. 如果有人能告诉我我的代码有什么问题,我们将不胜感激. 这是我的 ..
发布时间:2021-11-10 03:11:21 其他开发

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

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

如何在另一个 formArray 中循环一个 FormArray

我可以遍历计划数组以访问 dayHeading.我无法在循环中访问 daySchedule.我尝试添加第二个循环来访问 daySchedule,但成功率为零.我如何才能添加一个新循环来循环使用 daySchedule. core.js:6162 ERROR 错误:找不到路径控制:'dailySchedule ->0 ->时间' form = new FormGroup({时间表:新的For ..
发布时间:2021-11-10 03:11:12 其他开发

如何通过单击不同组件的按钮来更新反应式表单字段?

我有一个应用程序,我的要求是单击按钮(出现在标题组件中),另一个组件中的表单字段将更新.但问题是该值在表单控制变量中设置但未反映在 UI 中.这是示例代码 我已经创建了.您可以在控制台日志中单击按钮时看到表单具有值但未在 UI 中呈现.下面我展示了我的代码到目前为止我所做的: 子组件 //在 TS测试 = this.fb.group({示例:[“"]});//在 HTML 中 ..

如何防止 RxJs 可观察到错误完成?

我有一个 angular 反应式表单,它发出一个简单的 GET 请求.例如,如果我应该收到某种 HTTP 错误.可观察的 todo$ 现已完成,我无法再更改搜索选项并单击以重试搜索.我制作了一个 stackblitz 演示,在演示中我添加了我的初始化器内的订阅,如果流上有错误,我会捕获它.在我抓住它之后,我再次调用了初始化程序.这有效,但似乎是处理错误的错误方式. 我已经设置了表单,以便我可 ..
发布时间:2021-11-10 03:10:51 其他开发

在 Angular 6 中使用反应形式的多层形式

我正在尝试开发一个 Web 应用程序,该应用程序向用户显示一组问题.问题根据类别分开.该应用程序是使用 Angular6 开发的.使用后端 REST 服务获取问题.在客户端创建一个接口来模拟 REST 响应结构,它有几个子接口来支持复杂的内部结构.响应将被映射为该接口的列表.以下是界面的结构. 我的目的是迭代List,显示带有所有选项的问题,并用选择的选项填充selectedAnswer用户 ..

FormArray 的 FormControl 中的唯一值验证

我正在开发工作表,用户可以在工作表中输入他的爱好.我已经对 hobbyName formcontrol 应用了必需的验证,但是如果有多个爱好,我如何验证应该是唯一的爱好名称. 下面是我的ts代码 import { Component,OnInit } from '@angular/core';从“@angular/forms"导入 { FormGroup,FormArray,FormB ..
发布时间:2021-11-10 03:10:46 其他开发

在 angular 的反应形式中,为什么 formControlName 中传递的参数是作为字符串传递的?

我正在创建一个有角度的反应形式.要将您的打字稿文件中的 FormControl 对象同步到 html 文件中的表单控制,您需要使用 formControlName 指令.这是按如下方式完成的: formControlName="xyz" 其中 xyz 是 typescript 文件中定义的 FormControl 对象的键.但在这种情况下, xyz 被视为字符串并且不会被评估.所以我的疑问是, ..

为什么我无法在 angular 5 和打字稿中使文本区域部分不可编辑?

我有一个使用 angular 5 和 typescript 开发的 angular 项目.在我的组件的 html 模板中,我有一个文本区域框.我想让此文本区域中的前几个字符不可编辑. 例如,从我的组件 ts 文件中,我可以设置初始值,例如:“RMO"到我的文本区域. 用户无法删除文本区域中设置的文本“RMO". 我有一些 jquery 代码来实现这一点(http://jsfidd ..
发布时间:2021-11-10 03:10:34 前端开发