angular-reactive-forms相关内容

是否可以在 Angular 反应式表单中验证表单之外的条件?

我正在研究 Angular 反应式表单验证.我有一个输入,上面实现了谷歌自动完成: 这是标准实现,每次输入关键字时,您都会得到位置建议: 现在,我想做的是验证地址.地址需要包含邮政编码 - 只有这样才能有效.因此,一旦您输入内容并选择其中一项建议,就应该触发验证.When chosen suggestion contains zip code is valid, when not - ..
发布时间:2021-11-10 03:10:28 其他开发

Angular 6 Reactive Forms Custom Validator 从默认数据中获取错误

我在 FormGroup 中有一个 FormArray,每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器,它检查每个 FormArray 中的所有数据以验证数据的重复.目前,它也在用自身验证初始数据,这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时,它工作正常. for ..

创建自定义单选按钮库,但在与反应形式绑定时未检查单选按钮

角度库我正在尝试为自定义单选按钮创建一个库,其作用类似于警告(颜色黄点)错误(颜色红点)信息(颜色蓝点)和成功(颜色绿点)而没有角度库它会正常工作,之后我将我的 css 和模板移到库中,但现在预计它不起作用 我提供了来自reactive from的价值,但它没有按预期检查我还在最后添加了我所期待的和我目前得到的截图 radio-button.html ..

Angular 6 Reactive Form - 选择选项:禁用之前选择的选项

我有 3 个必须具有唯一值的下拉菜单(我在此处分配网络适配器),因此如果在下拉列表 1 中选择了一个网卡,则必须在下拉列表 2 和 3 中禁用它.我找到了 这个答案 和其他一些答案,但我无法让它们发挥作用. component.ts nicAdapters: any[] = ['nic0','nic1','nic2','nic3','nic4','nic5','nic6','nic7',' ..
发布时间:2021-11-10 03:10:19 其他开发

角度嵌套的表单数组

我正在制作带有反应形式的角度应用程序,其中我制作了一个嵌套的表单数组,该数组将在按钮单击时嵌套. 一个干净的工作示例https://stackblitz.com/edit/angular-thhczx ,它有静态输入,因此点击Add new template,它会添加另一个嵌套部分,对于Add new property,它会生成另一个属性数组.. 所以你已经掌握了上面的工作示例概念对​ ..

添加到 Reactive Forms Array Angular 的开头

请看相关plunker https://plnkr.co/edit/f0BxpinhuqVz8o6IIFaL?p=preview 如果链接了plunker,则堆栈溢出会使您放置代码但是复制粘贴在这里的代码太多了看起来很乱,所以我把这个评论改为. 如果你运行这个然后点击添加按钮,一个新的条目被添加到数组中,但表单视图不会反映表单状态,而是第一个条目被复制而最后一个条目消失了. 如果有 ..
发布时间:2021-11-10 03:10:07 其他开发

响应式表单 - 在提交时,检查表单中是否至少有一处更改,然后才调用 API

我想要实现的是这样的: 当用户点击提交按钮时,在后台我需要比较表单的状态是否发生了变化,状态我的意思是至少有对表单进行一次更改,仅然后调用 API/服务器来保存信息. 如果没有任何更改,只需向用户显示警告消息 - “嘿,您需要更新某些内容!"(console.log() 就足够了) *当用户在 field1 中更改某些内容时,我还需要处理这种情况,例如,从胡萝卜变为美味的胡萝卜,然后又变 ..

Angular 反应式子组件

我想使用 DE/EN 数据创建可重用的输入组组件. 我正在寻找,一旦为 EN 和 DE 填写了所有必填字段,则应启用提交按钮.并且还应该以JSON格式获取所有数据. 这里是示例 https://stackblitz.com/编辑/angular-avjyct?file=app/app.component.ts 我一直在尝试,但卡住了.请高手指教? 解决方案 看起来您想将字 ..
发布时间:2021-11-10 03:09:58 其他开发

Angular:在(更改)事件上添加动态生成的输入字段数据时出现问题

我有一个功能,我需要在单击按钮时发送动态生成的输入字段. 为了更好地理解,我在 stackblitz 上重现了这个问题. 在那个应用程序中,当我输入 resourceQuantity 时,resourceId 字段是动态生成的.我的问题是单独识别这些字段并通过单击按钮将它们发送到服务器端. 我在stackblitz上找到的这个解决方案是类似的,但在我的问题我不是删除或添加按钮点击 ..

在 Angular 8 Reactive Formbuilder 中存储和使用 Regex Const Validator

如何在 Angular 中存储 Regex 验证器模式以供重用和 Dry 主体?有一个带有正则表达式验证器模式的反应式表单生成器,用于 ZipCode. 需要申请多个地址表,好奇如何保存/^\d{1,5}$/ 所以我们可以编写 Validators.pattern(zipcode) 或任何在 Angular 中使用的语法?公司有更复杂的电话号码、客户号码等长模式. 'ZipCode' ..
发布时间:2021-11-10 03:09:49 其他开发

Angular 9 如何根据从数据数组中提取的索引自动生成反应式表单控件?

我正在尝试根据从数据数组中提取的索引创建一个响应式表单. 假设我有以下数组: array = [{姓名:'阿里',性别:'男'},{ 姓名:'莎拉',性别:'女'}]; 我提取的索引如下: this.result = new Set(this.array.flatMap(e => Object.keys(e), []));this.result = Array.from(this.re ..
发布时间:2021-11-10 03:09:43 其他开发

如何使用angular8将对象的动态数组分配给formgroup

嗨,我从 API 命中获得对象数组,该对象数组必须分配给 formGroup.我曾尝试使用 formGroup 绑定,但它检测到真/假值,但它没有给我更改对象数组中的真/假值,而是只给我真/假,而且我在另一个数组中也有日期输入字段,它也不会检测真/假值或更改的值.如果我写的代码有问题,请纠正我并帮助我以有效的方式编写. 感谢帮助. 演示:演示 TS: 私有设置InfoForm() ..
发布时间:2021-11-10 03:09:40 其他开发

禁用 FormControl 无法处理逻辑

我想从 ts 文件中禁用一个字段.当我 true/false 静态时,它工作正常.但我想在逻辑上做到这一点.当我的表单处于编辑模式时,我将使字段可编辑.当处于视图模式的表单将禁用字段时. 看起来您正在使用具有反应形式的 disabled 属性指示.如果您将禁用设置为 true当你在你的组件类中设置这个控件时,disabled 属性实际上会在 DOM 中设置为你.我们建议使用这种方法来避免“检 ..
发布时间:2021-11-10 03:09:26 其他开发