angular-reactive-forms相关内容
我有一个表单控件.在我的模板中,我使用 mat-option 对其进行更改,但我希望此特定更改不会触发 valueChanges(我还有其他更改希望调用“valueChanges"). 我的组件- inputControl = new FormControl('');ngOnInit() {this.inputControl.valueChanges.pipe(takeUntil(this
..
请帮忙!!我发现编辑表单非常困难.我使用反应式表单并将数据添加到表单并发送到数据库工作得很好.现在我想查询数据库中的数据,以便我可以对其进行编辑并再次发送.数据是以 json 对象的形式从数据库中获取的,我尝试将其分配给表单组变量,以便我可以在表单中显示数据并发送它,但出现错误. 我也试过用模板驱动的表单来显示数据.它适用于输入字段中的值,但每当我尝试将数据与 ngModel 绑定时,输入字
..
在我的 angular 6 应用程序中,我正在制作一个反应形式, HTML
点击下方的添加按钮
添加
..
我在 stackblitz 中有这段代码,需要获取所有材料.我怎样才能获得所有材料,而不仅仅是一种材料.输出只是一种材料而不是列表?下面是我的代码https://stackblitz.com/edit/angular-qssycg?file=app/app.component.ts JSON 订单 =[{“身份证":1,“名字不可用","地址": "不可用","city": "不可用","
..
我正在制作带有角度形式的角度应用程序. 这里我给出了一个带有输入字段的表单 first name and last name 它将始终显示.. 在那之后,我有孩子,点击添加按钮时会显示这些孩子,点击删除按钮时孩子会被删除. 截至目前一切正常. 在这里,我正在将数据修补到选择框中单击选项的输入中.. 必要的输入被修补.. HTML:
..
以下是角度反应形式字段的代码片段.该按钮保持禁用状态,直到我在移动字段中有效输入,但同样不适用于文本字段.我希望禁用第二个输入文本字段,直到我向移动字段输入有效输入.
..
我已经成功地将“quantityControl"formControlName 中输入字段中的值实现为不小于 1.但是我的问题是在 formArray 上时.如何将其设置为不小于 0 或不应为负数? 这是下面的代码和我的stackblitz的链接代码链接 this.inquiryForm.get('quantityControl').valueChanges.pipe(过滤器(数量=>数量
..
我是否可以在 Angular 反应形式中根据特定条件添加行?如果是,请帮我做.我已经在我的 stackblitz 中开始了它.请检查此链接https://stackblitz.com/edit/dynamically-add-rows this.addForm.get("items").valueChanges.subscribe(val => {控制台日志(val);如果(val === 真)
..
我收到了一组来自 API 的问题.每个问题都有问题 id.如何将问题 id 动态绑定到 formControlName? 解决方案 您可以在模板中使用 ngFor 并绑定动态 formControlName. 模板: ...
..
我正在尝试寻找重置角反应形式的最佳方法.我对重置反应形式有点困惑,无法找到哪种方法适用于模板驱动形式,哪些方法是反应形式.现在我已经使用 'formGroupDirective' 来重置,但我收到如下所示的控制台错误. 这就是我使用 formGroupDirective 进行重置的方式. 模板文件:
..
我从服务器获得 JSON 响应,我从中获取构建 FormGroup 对象所需的元数据.既然 JSON 是动态的,FormGroup 对象也是动态的,那么如何解析 HTML 中的 JSON 字段? 我查看了动态表单的角度文档https://angular.io/guide/dynamic-form 但在这里我看到他们将每个类对象从父 dynamic-form.component.ts 传递给
..
在这个表单中,我必须访问 formControlName="last" 的控件以显示它的错误. 提交 此代码引发了未定义的错误“控件"(粗体格式行).控件可
..
我正在尝试获取要在响应表单提交时发送的更改事件下拉列表的选定值.根据 如何以反应形式获取电台的选定值 这是下拉菜单的代码
{{ question.controls.label.value }}
..
我正在使用 Angular 动态表单 这里我做了一个嵌套的输入字段,其中在初始阶段会有两个输入文本框,点击添加按钮后,接下来的两个输入框将在每次点击添加按钮时附加. 这里一切正常.. 这里我使用了 question-service.ts 中的值作为, new TextboxQuestion({elementType: "文本框",类:“col-12 col-md-4 col-
..
新: 所以我可以让它在没有无线电组或没有正确绑定的情况下工作.我不能让它与两者一起工作. 这是允许的: 但是我没有包含广播组的列表,无论我更改什么,它总是会中断.如果我将列表移到它的外面,请移动它断开的 form
..
当我在下拉列表中选择一个数字时,我在迭代行时遇到了问题.我将如何推送该数字,以便根据该数字迭代行(卡片).我的流程是这样的,首先您必须将 Solo Traveler 选择为“否",以便出现成人和儿童下拉菜单.该下拉列表是我的问题,我将如何根据所选数字迭代行(卡片)?我已经制作了行(卡片),但我不知道如何迭代它.这是我的 stackblitz 链接 点击此链接 updateCountAdu
..
我是 Angular 5 的新手.我目前正在研究 Angular Reactive 表单.我有一个以下 JSON 结构,我需要在从 FORM 获取值后将其回发到 REST API. JSON 结构: {"empDesg": "高级开发人员",“empID":123,"empName": "山姆","empSkills": ["爪哇",“开发者"]} 我设法将 empID、empName
..
我正在看这个问题,试图弄清楚如何扩展 FormControlDirective:尝试扩展 FormControlDirective 以实现我自己的 FormControl 指令导致绑定错误. 有一个答案,但我不确定是什么意思: formControl \ formControlName 选择器出现在另外一个地方 - 价值存取器.为了您的指令工作,您应该实现所有默认值hybridForm
..
我正在尝试在控制台和 HTML 中打印获取嵌套表单的表单控件的值. userForm = new FormGroup({名称:new FormControl("Tom Alter"),地址:new FormGroup({国家:new FormControl("印度"),状态:new FormControl("Delhi")})}); 在这两种情况下,我都可以使用 get 语句找到值. con
..
我希望从验证器数组中删除特定的验证器,以便在某些值更改时再次设置控件. 我知道我需要一次又一次地设置验证器的正常解决方案. checked(event: MatCheckboxClickAction): void {const control = (this.form.get('信息',) 作为 FormGroup).controls.data1;如果(事件){this.updateR
..