angular4-forms相关内容

有条件地禁用角度为4+的反应形式内的单选按钮组中的单选按钮

我在Component中创建了一个反应形式,并在其上定义了一些。 现在,我需要根据某些条件禁用单选按钮组中的一个单选按钮。 如何在创建formControl时完成? pfb代码片段: createForm() { this.heroForm = this.fb.group({ confirmActionRadioGrp: this.fb.group({ ..

将数据从服务传递到组件 -->子组件

简而言之,我正在使用这个 Plunker我有一个场景,我必须通过从服务中读取元素数据来动态创建控件.因此,当我从服务中读取数据时,它是异步的.但是我必须根据从服务接收到的数据创建一些具体对象并将其传递给子组件.所以这是我的逻辑 主要组件的Html如下. 主要组件的类如下 Cl ..
发布时间:2021-11-10 03:33:53 其他开发

使用 ViewChild 的 Child To Parent Value 访问

我已经阅读了 angular6 中的文章,在孩子与父母沟通的 3 种方式.如果错误,请尽可能演示1) 输出发射器2)使用viewchild3)共享服务. 所以在这里我需要了解如何将 viewchild 从 child 传达给 parent. 在下面的演示中,在子组件中创建了一个表单,当子组件表单有效时,应反映在父组件中.但是当输入一些东西时,子组件表单是有效的,在子表单中启用了按钮,这 ..

从 Angular 数组中获取所有材料

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

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

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

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

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

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

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

Angular 中的动态列反应形式

如果我添加“单击此处添加运输字段",例如我想添加司机、联系电话等,我如何添加几列.单击模态后,它会显示有关哪个字段的一些选项加上.请检查我制作的代码链接.下面也是我的代码.请检查这里的图像 检查此链接 https://stackblitz.com/edit/dynamic-columns-reactive-forms-hj5nur?file=app/app.component.ts ope ..

Angular 2/4:反应式表单是同步的,而模板驱动的表单是异步的,如何?

我正在阅读 angular.io 的文档(反应形式是同步的),试图理解反应式表单(它们是如何同步的,模板驱动的表单是如何异步的). 但是文档对 example 没有足够的解释.谁能帮我理解模板驱动的表单是异步的,反应式的表单是同步的吗? 我试图在互联网上浏览很多博客,但没有得到答案. 感谢任何帮助. 解决方案 仔细阅读同一文档中的这一行: 反应式表单是同步的(当您从 ..
发布时间:2021-11-10 03:05:19 其他开发

Angular 动态表单嵌套字段

借助 https://angular.io/guide/dynamic-form,我正在制作一个动态表单,我首先需要在其中显示两个字段. new TextboxQuestion({键:'名字',标签:'名字',价值: '',要求:真实,订单:1}),新的文本框问题({键:'姓氏',label: '姓氏',价值: '',要求:真实,订单:2}), 这两个字段需要首先加载. 此后我将有两个 ..

在 Angular 4 反应式表单中检查多行自定义验证器

我有一个非常简单的问题,我无法解决.首先,我有一种成分有批准的数量.而且这种成分有几个有效期.但是,我想检查我的“转移数量"的到期日期是否不超过批准数量. 我应该如何检查这个?我已经完成了一些部分,但这个我无法比较,因为它必须根据一个批准的数量检查几行“要转移的数量".代码链接如下: 此处分叉链接 customValidator(group: any) {如果((group.co ..

angular - Angular Material 2 步进控件

我使用 Angular Material 2 Stepper 设置了一个线性步进器. 我在不同的组件(组件-a、组件-b、组件-c)中有表单.在我的主要容器组件(容器组件)中,我希望有一个线性步进器,当它们的形式有效时,它“步进"通过每个组件. 是否有某种功能可以与步进器中的 stepControl 对话以使其正常工作? 我附上了步进器的文档和应用程序的 StackBlitz 版 ..
发布时间:2021-11-10 02:31:40 其他开发

带有 ng 值访问器的角度材料 2 自定义组件

我正在研究 angular 4.4 + material beta12 自定义组件,但无法弄清楚我的实现中有什么问题 我正在尝试实现以下自定义输入 任务: 将值设置为formControl,一旦我从服务器获取数据(data.productTeam 是数据-可以在代码中看到) 在编辑时,应使用值更新表单控件(例如:P12DT2H231M) 问题: 我无法将默认值绑定到 ..
发布时间:2021-11-10 02:29:14 其他开发

如何在角度 4 退出时实现确认?

我想知道如何实现退出时确认组件,以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法,以便如果用户单击确定他会离开屏幕,点击NO他会留在同一个屏幕上? 我在这里使用的代码是: import { Component, OnInit, Input, Output, HostListener } from '@angular/core';@成分({选择器:'确认退出',templat ..

如何在角度 4 退出时实现确认?

我想知道如何实现退出时确认组件,以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法,以便如果用户单击确定他会离开屏幕,点击NO他会留在同一个屏幕上? 我在这里使用的代码是: import { Component, OnInit, Input, Output, HostListener } from '@angular/core';@成分({选择器:'确认退出',templat ..