angular-forms相关内容

只读/禁用输入未在 Angular 中提交

我在 Angular 2 中创建表单时遇到问题.我需要提交一些由服务动态生成的值.使用 Angular 的 http 模块,我得到一个价格,然后用户现在可以确切地知道多少比特币是 X 数量的智利比索.我要做的是提交所有这些数据.我不能这样做,因为角度表单没有提交禁用/只读输入.这些输入是汇率和目标金额(相当于 btc). 我尝试了模板驱动的方法和数据驱动的方法,但都没有成功.我什至无法在控制 ..
发布时间:2021-11-09 01:30:35 其他开发

从 json 创建动态表单时出错找不到名称为“数据"的控件

我正在使用 angular 7 应用程序,并且正在编写一个通用的动态表单创建器.我正在使用响应式表单和 ng-template 和 递归显示表单元素.项目的代码可以看到 这里. 但我面临以下错误 错误错误:找不到名称为“数据"的控件在 _throwError (forms.js:1775)在 setUpControl (forms.js:1683)在 FormGroupDirective. ..

使用 eval 以角度动态验证表单

我在 Angular 7 中有一个动态表单,字段、控件类型、可见性、验证,一切都来自数据库.我知道对于动态表单,如果来自数据库的验证是在 Angular 验证中构建的,那么做起来容易得多,但我想做的是为每个控件类型的验证数组构建一个自定义验证和使用 eval,将其评估为 true/false 并基于此显示相应的错误消息. 这个 ..
发布时间:2021-11-09 01:30:26 其他开发

如何允许嵌套组件被其父级跟踪并在 Angular 中从其父级获取值?

我有一系列表单(每个表单由 1 个组件管理). 这些表单中有一种输入模式(例如,其中许多需要允许输入地址),我必须重构为可重用组件,因为它们在多种表单中使用,我不想重复无论是他们的逻辑还是他们的模板. 每个可重用的组件都必须 有它的逻辑 有包含输入标签的模板,没有 标签 有其客户端验证约束 可能从其父级接收初始值 能够将其字段的值作为对象返回给父级(例如 address ..

如何在表单内的 Angular ngx-bootstrap 的日期选择器中更改日期格式

在 Angular 4 应用程序中使用 ngx-bootstrap Datepicker, 我知道通常您可以通过这种方式指定日期格式: 但是这次我在模板驱动的 Angular 表单中,所以我的输入没有绑定到像上面示例中的 myModel 这样的变量,但它只是绑定到表单: 那么在这种情况下如何指定日期格式? 编辑:看起来实现这一点的方法是在组件内创建一个新变量 newVar, ..

仅选择一个选项以角度 4 显示 Id 而不是名称

我在选择一个选项时在这里工作,它将显示packingtypename它的正常工作.但我的问题是当单击添加按钮时它只会保存我想要的包装类型 ID 包装类型 ID 和包装类型名称在这里我想在选择 PackingTypeName 时自动将它们的 ID 传递给 API.哪种意味着选择包装类型名称,然后按“添加"按钮所选名称及其ID可以保存到DB.实际上,我是角度的新手.任何人都可以帮忙请它对我有很大的帮助 ..
发布时间:2021-11-09 01:30:08 前端开发

ERROR 错误:找不到带有路径的控件

我是 Angular 的新手,并尝试从以下位置扩展示例代码:Angular 4 Form FormArray 添加按钮添加或删除表单输入行 如果在下拉列表中选择了某个选项,则该选项的新选项应该是可表达的.我到了这一点没有问题,但是为那些“低层选项"实现 formControlName 标签给我一个错误: ContentComponent.html:56 ERROR 错误:找不到带有路径 ..

Angular 6 FormGroup.disable() 方法不适用于我的模板驱动的 NgForm

当我尝试在我的 Angular 6 应用程序中的 formGroup 上使用 disable 方法时,我在浏览器控制台中收到此错误: TypeError: this.personForm.disable 不是函数 虽然该方法是文档中提到的 &VS Code 甚至在此快照中建议使用它. 我的代码在这里: //...跳过了很多部分,这里的表单是模板驱动的//但仍然 personFo ..
发布时间:2021-11-09 01:30:02 其他开发

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

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

如果选中复选框,则 angular 5 使用其他字段值填充表单字段

我有两部分表格 - 通讯地址和住址.如果选中复选框,目标是将值从一个字段复制/传递到另一个字段.请参阅以下用例 如果选中复选框(与住宅地址相同),则使用住宅地址表单字段的值填充通信地址字段 如果选中复选框后住址中的任何表单字段发生更改,请实时将更改传递到对应字段中 地址和 最后,如果未选中复选框,则清除通信地址中的表单值.以下是我尝试过的 组件.ts populateCorre ..
发布时间:2021-11-09 01:29:51 其他开发

反应形式的自定义验证器控制数量

我很难在 Angular 的响应式表单中实现自定义验证.我需要控制数量.数量不应超过可用数量.问题是如果每行都有子行,我怎么能得到所有数量的总和.我将如何计算子行的总数并将其与找到可用数量的父行进行比较.下面是我的代码. 这里还有我的代码链接请点击此链接 customValidator(campo1: string) {return (group: FormGroup): { [key: ..

将 Angular Reactive FormControls 传递给子组件

我有一个父组件,我想在其中创建和存储我的响应式表单.一个 Form Array 中会有多个 Form Group 实例.我想将每个表单组中的表单控件传递给子组件,但我无法弄清楚如何执行此操作. 这是一个 Stackblitz 演示了我想要做什么.此外,某些字段仅适用于某些“品牌"的汽车,这就是为什么我的 html 中有以下行: 我想将“详细信息"表单组字段移动到“详细信息字段"子组件中 ..

如何删除轮廓 mat-form-filed 边框角半径

我正在使用有角度的材料轮廓 mat-form-field 来设计表单.我得到了带有边框角半径的默认 mat-form-field 轮廓文本框视图.有什么办法可以去掉outline mat-form-field的边框圆角半径,转成方形文本框视图. 我尝试使用以下内容更改角材料 mat-form-field 的默认样式,但它不起作用. //css .mat-form-field-appe ..
发布时间:2021-11-09 01:29:39 其他开发