我在电子邮件表单上使用了一些正则表达式验证,这就是它的外观 ...
我在电子邮件表单上使用了一些正则表达式验证,这就是它的外观 ...
我有一些这样的输入 并在现场进行验证,例如: 我希望允许 0 到 99999999 之间的数字,有或没有千位分隔符,使用点作为分隔符。 也就是说,最小的数字是 0,最大的数字是 99999999 或 99.999.999,后者带有点千位分隔符。 我需要支持这两种可能的格式。 我已经尝试使用 Val ...
当我尝试编辑数据时遇到问题。 服务器响应“错误请求”。 贝娄是我的代码。 服务.ts: 组件.ts: 组件.html: 这是我得到的错误:在此处输入图像描述这是来自服务器的数据(看起来应该如何):在此处输入图像描述任何想法如何解决这个问题? ...
对于我们的 Angular 9 应用程序,我们有货币输入字段,需要以逗号分隔格式显示标准屏蔽 label。 因此,当用户在输入字段中输入 56000.55 时,在模糊事件中,我们应该将 56,000.55 显示为逗号分隔的屏蔽 label,而不更改控件的原始值。 我们正在使用 Angular Rea ...
https://stackblitz.com/edit/child-component-ki8tvu?file=app%2Fchild.component.ts ,在这里查看我的代码 app.component.html: app.component.ts: child.component. ...
我有一个包含 2 个字段的表单: includeValidation,一个 select 下拉菜单(2 个选项):有验证,没有验证金额,输入数字字段根据第一个下拉列表,我在第二个字段上有验证器:Validators.required,Validators.min(0.1)。 我试图使用 clea ...
我有一个 select 输入,它从对象列表中进行选择,显示名称,并将其绑定到表单的字段中。 但是,我需要整个 object 可用于change事件。 更改formControlName并不是一个真正的选择。 HTML: TS: 全栈闪电战 ...
我正在尝试构建一个基于 json 的表单。 我有一个使用 Spring 引导的后端,它将以下 object 返回到 angular 前端应用程序: 在这个 JSON 中,我尝试使用尽可能多的输入类型。 大多数代码实际上都有效。 在我的组件中,我只需要调用我的 rest API 即可返回我的 JSON ...
我的 component.ts 代码是 和.html文件有以下代码。 我试图找到并解决问题,但没有解决方案或答案。 ...
我有一个将 FormGroup 作为@Input 的组件。 父组件: 然后在子组件中我有: 我收到一个错误 我猜子控件不知道formGroup输入的结构。 如何在模板中将 AbstractControl 类型转换为 FormGroup? 我想我可以制作一个 function,它在 .ts 文件中进 ...
我试图将 FormArray 传递给组件。 此组件模板迭代 FormArray 并显示数据。 它允许用户添加到数组或删除项目。 子组件 ts 然后在模板中我尝试: 但是,我收到一条错误消息: 谁能解释为什么会这样? 高度赞赏。 ...
加载数据后,我调用 reInit 表单。 在使用来自 html 模板 class 的数据进行操作后没有更新,此时我使用这个: 但我知道这是不好的解决方案,每个键和按条件更新数据都不是好方法。 也许存在一些简单的方法? 我有一些 class,例如: 为创建所有数据为空,为现有客户填充一些字段。 现在创 ...
我是 Angular 的新手,想了解如何为 FormArray 执行自定义字段验证? FormArray 是动态的,您可以在其中推送或删除 FormGroup 项目。 FormGroup 由 field1、field2、field3 组成。 如果任一字段不是 null,则其他字段应设置为 va ...
我有一个包含 3 个下拉列表的表单,这个下拉列表从 API 获取他们的数据问题是如果我不点击下拉列表,下拉列表不会绑定数据(表单中的任何字段都模糊) 我的 HTML 我的ts ...
赏金将在 6 天后到期。 回答这个问题有资格获得+50声望奖励。 Shyam Joshi想引起更多人对这个问题的关 ...
我正在构建一个 Angular Reactive Form。 我的表单中有一个数组,它允许 3 个字段的多个实例。 我已经设法预先填充表单和这些字段。 但是,我对在创建表单的同时进行填充并不满意。 创建表单时,我正在填充/映射到数组。 理想情况下,我希望先创建表单,然后再填充表单。 原因是验证检查, ...
我有大约20 个文本框和一个复选框。 因此,无论用户在何处选中/取消选中复选框,都应重置这 20 个文本框中的任何值。 应提交 20 个文本框值或应提交单个复选框值。 当前场景我正在使用this.Myfrom.reset(); 重置所有字段,它正在工作。 但我不想重置一个控制值。 问题- ...
我正在使用反应式表单来允许用户更改他们的密码。 我想设置我的输入框样式,以便在表单无效或出现错误时向用户显示。 问题是这在表单被触摸之前就显示出来了。 我希望此 CSS 仅在触摸表单后应用。 不确定如何在 CSS 中实现这种行为。 ...
在传统的 ReactiveForm 中,您指定所有输入并向相关组件 HTML 文件中的这些输入添加 formControls 和验证。 我正在将其中一些输入移动到它们自己的组件中,以便它们变得可共享和可重用。 在我的示例StackBlitz 中,已经有逻辑使用验证来禁用/启用基于表单验证的搜索输入 ...
StackBlitz 示例 我正在使用具有 3 个输入的 Angular Reactive 表单,每个输入都有自己的验证。 我有一个不属于表单的输入——它是一个输入,它位于它自己的组件中,它有自己的反应形式。 我试图传递[disabled]="registerForm.invalid"的属性,该 ...