angular-reactive-forms相关内容

Angular 2 Reactive Forms:找不到带有路径的控件

我尝试将角色动态添加到我的用户/角色应用程序中.我有一个 Formarray,我可以在其中在编辑视图中显示用户的角色.还有一个按钮可以向用户添加更多角色.但是当我按下“添加角色"按钮时,我收到此错误消息: ERROR 错误:找不到带有路径的控件:'rolesArr -> 1 -> name' 在此示例中,我尝试向要创建的用户添加多个角色. 这是我的代码: users-edi ..
发布时间:2021-11-10 03:07:18 其他开发

在 Angular 4 的 Reactive 表单内的单选按钮组中有条件地禁用单选按钮

我在组件中创建了一个响应式表单,并在其上定义了一些 formControls. 现在我需要根据某些条件禁用单选按钮组中的一个单选按钮. 在创建 formControl 时我该怎么做? PFB 代码片段: createForm() {this.heroForm = this.fb.group({ConfirmActionRadioGrp: this.fb.group({updat ..

带有 ControlValueAccessor 和 formControlName 的 Angular Material Datepicker

我正在尝试将 ControlValueAccessor 与 Angular Material datepicker 结合使用.出于某种原因,它不适用于 formControlName 和反应式表单.有人可以解决这个问题吗?正在为某些样式和属性构建包装器.值被发送到反应形式等 https://material.angular.io/components/datepicker/overview ..

ngModel 在与 formControlName 相同的表单字段上

我曾经有一个没有任何验证的简单表单,其中的 HTML 大致如下所示: 然后我将我的表单移动到响应式表单并收到警告,我不能在与 formControlname 相同的字段上使用 ngModel.纠结于我应该如何将表单中的数据分配到服务的输入字段. HTMl 的当前部分: 所以我删除了 ngModel 行并将其添加到我的 TS 中: saveToD ..
发布时间:2021-11-10 03:07:00 其他开发

错误 TS2739:“AbstractControl"类型缺少“FormControl"类型中的以下属性:registerOnChange、registerOnDisabledChange

我是 Angular 的新手,正在学习使用 Angular 10 的在线课程,但有一次卡住了.我正在尝试实施反应式表单.为此,我添加了一个新组件 text-input.text-input.component.ts 的代码如下: import { Component, Input, Self } from '@angular/core';从“@angular/forms"导入 { Control ..
发布时间:2021-11-10 03:06:54 其他开发

如何对 ngControl 装饰有 @Self 的反应式组件进行单元测试

我通过注入 NgControl 编写了一个反应式组件,该组件使用 @Self 装饰器进行装饰.我的问题与此类组件的单元测试有关.请看下面的代码: 免责声明:我已经快速复制了代码并进行了一些内联更改.所以,这可能不是一个编译器满意的代码. 我的反应式组件: @Component({选择器:'文本输入',templateUrl: ' ..

以角度形式将输入创建为数组

尽力而为,请帮帮我.. 我正在制作一个有角度的动态形式,其中的形式总共分为三个部分,其中两个部分已经制作完成.现在我正在制作第三部分,这将通过从下拉列表中选择一个选项来生成... 连那些部分也完成了... 但我无法在其中创建表单数组...因为我是 angular 新手,请帮助我. HTML: 表单第 3 部分将在这里,它将是数组 ..

角反应形式阵列

我需要反应式,结果是这样的 我尝试了一些代码,但出了点问题. [{"account":{ "accountNum": "用户输入的数字" }}] 解决方案 Givi,你有一个包含一个元素的数组,数组内部有一个具有“account"属性的对象,它是另一个具有“accountNum"属性的对象一个字符串 myForm=new FormArray([//一个包含一个元素的 formArra ..
发布时间:2021-11-10 03:06:33 其他开发

将值数组修补为响应式表单

我有一个来自服务器的 JSON 响应,它是一个带有一系列问题的评估对象.我需要将值传递到我的反应形式.当只有 1 个问题时,此补丁值函数正在工作: this.caseAssessmentForm.patchValue({ID:评估.templateID,名称:评估名称,类型:评估.typeName,状态:“未开始",描述:评估.描述,问题: {questionScore: '',问题答案:'', ..
发布时间:2021-11-10 03:06:30 其他开发

Angular Reative Forms >用户自定义表单错误

我正在尝试在我的 angular 应用程序上实现一项功能,用户可以在其中创建自己的表单(选择字段/验证/等).一旦他们创建了表单,我会将它的 JSON 结构存储在数据库中以备后用: 导出接口 FormModel {id:字符串;名称:字符串;类型:'组' |'控制';儿童:FormModel[];isArray:布尔值;} 示例结构是这样的: [{id: '用户',name: '用户',类型 ..
发布时间:2021-11-10 03:06:27 其他开发