问题标签 [angular4-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
155 浏览

angular - angular 4 的 angular-auto-validate 替代方案

我正在寻找一个能够基于输入标签指令自动验证的 Angular4 库。基本上原因是我不想手动(在我的 html 模板代码中)用标准消息填写所有表单,例如“需要 Field1”、“Field2 必须是有效的电子邮件”等,所有的它们用 *ngIf 标记,用于管理错误可见性。

我认为这个过程可以而且应该是自动化的(在运行时)。我发现了为 AngularJs 编写的这个有趣的库:angular-auto-validate

你知道 Angular4 的任何类似库吗?或者,也许你能建议我一个好的方法来实现我的目标?

0 投票
1 回答
1324 浏览

angular - 对于输入类型 =“数字”,如何在角度 4 中显示默认值 0.00?

我希望用户在数字类型的文本框中看到以下“0.00”。这是我正在使用的以下 HTML:-

在页面加载期间的代码中,我将值分配为 0.00,如下所示。

this._vendorDetailsDTO.openingBalance = 0.00;

但仍然在用户界面中显示 0。
我使用的是 Angular 4,primeng 版本是 4.2.2?我对这些技术非常陌生,任何帮助将不胜感激。

0 投票
1 回答
11491 浏览

angular - Angular 4 表单验证和错误消息

我必须在我的应用程序中实现表单验证。我正在使用 Angular 4。我的应用程序中还有 10 个表单。我不知道我的问题是否有效。我真的对这个实现感到困惑。

我的问题:我需要在表单字段中添加验证,包括强制性和验证,如电子邮件、电话号码等,如果用户输入表单,用户知道某些字段,用户可能不知道需要填写其他字段。但需要保存有效字段,并需要在表单中显示错误信息。

我如何在前端实现我正在使用 Angular 4 和后端与 nodejs

0 投票
1 回答
2752 浏览

javascript - 从 JSON 数据的嵌套表单数组填充表单控件中的值

FormArray formObj 具有 componentDetails 对象数组,而后者又具有组件数组的嵌套数组。

模板 HTML:

问题:

在组件模板 HTML 中,我无法获取 {{ answer.value }} 的值。我尝试使用 answer.controls.value.value 和 answer.controls.value。没有任何工作。question.controls.component.controls 返回 [Object Object]

0 投票
0 回答
180 浏览

angular - 如何以编程方式删除“@angular/material”中的元素:“^2.0.0-beta.12”

我正在使用自定义方法来显示我的错误。但是,我的错误不会与输入错误行一起显示(由于我认为 mat-error 元素的存在)?我的错误被推到错误线下方约 20px 处。

有什么方法可以以编程方式删除这个元素吗?

干杯和感谢

0 投票
1 回答
378 浏览

angular - 如何始终从动态选项卡中预先选择第一个选项卡?

我正在做一个 angular 4 项目,我需要创建一个包含三个复选框的结构。一旦选择了第一个复选框,就应该创建一个选项卡,因此按照这种逻辑,如果我选择所有三个选项卡,那么将有三个选项卡,我遇到的问题如下:我需要在任何时间点,要选择一个选项卡,所以假设第一个复选框被选中,那么第一个选项卡应该被预选,如果第一个复选框未被选中,那么第二个选项卡应该被选中..这方面的任何帮助将不胜感激。谢谢!

为了更好地理解,我创建了一个 plunker 示例: https ://plnkr.co/edit/2UPBf67y2ExmLaePP3VV?p=preview

html代码:

0 投票
0 回答
359 浏览

angular4-forms - 如何将 ngl-picklist 与 Angular 反应式表单一起使用

我正在尝试以 4 角构建嵌套的反应形式。该形式将基于以下模型:

... this.trunkForm = this._fb.group({ deviceName: [''], ipAddresses: this._fb.array([]) }); ...

可以将尽可能多的预先存在的设备名称关联ipAddresses到一个设备名称。如果您需要更多信息,例如 plunker,请告诉我。我会创建一个。

我想使用 ng-lightning-v2.0.1 中的组件来显示预定义的 ipAddresses 列表。但是当我使用 ngl-picklist 并为其分配一个formControlName时,我得到一个“表单控件的无值访问器”错误。

在 Angular 4 反应形式(嵌套)中使用 ngl-picklist 的正确方法是什么?

0 投票
2 回答
795 浏览

angular - Angular 4 ng-select 动态默认值

在我的 Angular 4 项目中,我有一个 ng-select 组件的表单,它显示了用户的角​​色。在该组件中,首先我需要获取用户角色并将它们显示为默认值。为了能够做到这一点,我在 ngOnInit 中使用 FormControls。因为我从服务中获取默认值,所以根据 FormGroup 的初始化,它们的加载速度非常慢。我在 ngOnInit 中调用它们,但每次 FormGroup 之前运行。所以我在屏幕上看不到任何默认值。我试图让它异步,但我做不到。

0 投票
1 回答
2981 浏览

angular - Angular 4动态组件加载和发送数据到父组件

我正在使用自定义组件为动态表单生成创建 poc。

我在某种程度上取得了成功,我可以根据 json 数组使用一组动态组件创建表单。现在我陷入了一种情况,我只需要从这些组件中获取输出,或者更确切地说是用户已经更新相关输入的数据。

我查看了@output 装饰器和 eventEmitter,但我无法从中得到合适的解决方案。非常感谢社区中的任何人可以给我一些提示:)

请关注PLUNKER查看当前进度和我的方法。

0 投票
1 回答
3224 浏览

angular - 角度 4 模板驱动表单 - 从一个字段第二个标记为已触摸

我有两个字段 fe

我想将第二个字段中的一个标记为已触摸,这可能吗?我尝试在名称上使用 (ngModelChange)="surname.control.markAsTouched(true)" 将姓氏标记为已触摸,但它不起作用