angular-reactive-forms相关内容

在 Angular 中编辑表单

请帮忙!!我发现编辑表单非常困难.我使用反应式表单并将数据添加到表单并发送到数据库工作得很好.现在我想查询数据库中的数据,以便我可以对其进行编辑并再次发送.数据是以 json 对象的形式从数据库中获取的,我尝试将其分配给表单组变量,以便我可以在表单中显示数据并发送它,但出现错误. 我也试过用模板驱动的表单来显示数据.它适用于输入字段中的值,但每当我尝试将数据与 ngModel 绑定时,输入字 ..

从 Angular 数组中获取所有材料

我在 stackblitz 中有这段代码,需要获取所有材料.我怎样才能获得所有材料,而不仅仅是一种材料.输出只是一种材料而不是列表?下面是我的代码https://stackblitz.com/edit/angular-qssycg?file=app/app.component.ts JSON 订单 =[{“身份证":1,“名字不可用","地址": "不可用","city": "不可用"," ..
发布时间:2021-11-10 03:09:14 其他开发

从选择框中删除选定的选项

我正在制作带有角度形式的角度应用程序. 这里我给出了一个带有输入字段的表单 first name and last name 它将始终显示.. 在那之后,我有孩子,点击添加按钮时会显示这些孩子,点击删除按钮时孩子会被删除. 截至目前一切正常. 在这里,我正在将数据修补到选择框中单击选项的输入中.. 必要的输入被修补.. HTML: ..

FormArray响应式表单中设置值不小于0

我已经成功地将“quantityControl"formControlName 中输入字段中的值实现为不小于 1.但是我的问题是在 formArray 上时.如何将其设置为不小于 0 或不应为负数? 这是下面的代码和我的stackblitz的链接代码链接 this.inquiryForm.get('quantityControl').valueChanges.pipe(过滤器(数量=>数量 ..

如何解析要提供给 formcontrol 的 JSON 值?

我从服务器获得 JSON 响应,我从中获取构建 FormGroup 对象所需的元数据.既然 JSON 是动态的,FormGroup 对象也是动态的,那么如何解析 HTML 中的 JSON 字段? 我查看了动态表单的角度文档https://angular.io/guide/dynamic-form 但在这里我看到他们将每个类对象从父 dynamic-form.component.ts 传递给 ..
发布时间:2021-11-10 03:08:50 其他开发

使用角度形式将元素值作为 JSON 格式

我正在使用 Angular 动态表单 这里我做了一个嵌套的输入字段,其中在初始阶段会有两个输入文本框,点击添加按钮后,接下来的两个输入框将在每次点击添加按钮时附加. 这里一切正常.. 这里我使用了 question-service.ts 中的值作为, new TextboxQuestion({elementType: "文本框",类:“col-12 col-md-4 col- ..

根据在 Angular 的响应式表单中选择的数字推送迭代行

当我在下拉列表中选择一个数字时,我在迭代行时遇到了问题.我将如何推送该数字,以便根据该数字迭代行(卡片).我的流程是这样的,首先您必须将 Solo Traveler 选择为“否",以便出现成人和儿童下拉菜单.该下拉列表是我的问题,我将如何根据所选数字迭代行(卡片)?我已经制作了行(卡片),但我不知道如何迭代它.这是我的 stackblitz 链接 点击此链接 updateCountAdu ..

角反应形式

我是 Angular 5 的新手.我目前正在研究 Angular Reactive 表单.我有一个以下 JSON 结构,我需要在从 FORM 获取值后将其回发到 REST API. JSON 结构: {"empDesg": "高级开发人员",“empID":123,"empName": "山姆","empSkills": ["爪哇",“开发者"]} 我设法将 empID、empName ..
发布时间:2021-11-10 03:08:30 其他开发

在 Angular 2+ 中扩展 FormControlDirective

我正在看这个问题,试图弄清楚如何扩展 FormControlDirective:尝试扩展 FormControlDirective 以实现我自己的 FormControl 指令导致绑定错误. 有一个答案,但我不确定是什么意思: formControl \ formControlName 选择器出现在另外一个地方 - 价值存取器.为了您的指令工作,您应该实现所有默认值hybridForm ..