问题标签 [angular4-forms]

我正在尝试使用模型驱动方法 ReactiveForms 来验证自定义元素。我为此使用tagsinput jquery 库并为该表单创建其他字段。

组件代码：

标签组件的回调：

HTML 代码：

基本上，当我向表单添加附加字段时，一切正常，但是当我尝试更新该标签组件时，表单仍然无效。当我在控制台中显示时，表单是有效的，所以目前我不知道如何将 optionValues 验证为 formGroup 中的数组，以及如何在更改验证时更新值。

我正在尝试根据后端响应切换按钮。如果响应为是，则切换按钮应打开，如果响应为否，则切换按钮应关闭。下面是我的html代码

下面是我的组件代码，我在其中调用了一个返回响应是或否的 get 服务。我在 ngOnit() 中调用该服务，因为我想在页面加载时检查响应是否为是/否。经过研究我来了要知道我们可以使用 ngclass 来实现这一点，但我不知道该怎么做。

flagStatus 变量有响应（是/否）。让我知道我是否以正确的方式做事。

我正在使用 Angular 4 Reactive Forms、“Ionic(3) native”UI 组件和来自各种“嵌套响应式表单”博客/教程的技术来创建一个动态的、多部分的数据输入应用程序。

我想要一个可重用的分段控件组件，它包含一个标题和一组选项（基于下拉选择），因此我不必创建多个几乎相同的子表单组件。

第一次一切正常，但如果更改其按钮数量或其标签值，则在随后的选择后似乎会中断（如果 2 个选择碰巧具有相同的选项，则段按钮仍然可以正常工作）。ion-segment

示例：最初的 3 个选项集具有“成人和“未知”...

更改下拉列表和传入的段选项数组后，仍然可以选择常用选项，但我无法将“calf”或“yearling”设置为 Active（尽管在组件代​​码和 formGroup 模型中确实设置了）。如果我首先选择“山羊”，它只有一个“未知”选项，那是我唯一可以选择的。

“小牛”只会变亮/禁用，而不是“活跃”。这是我需要解决的问题。

它正确更新以显示具有正确标签的正确数量的按钮，并且即使它看起来损坏，它也会正确更新 formGroup 模型，但“活动”状态仅适用于第一个选择。我尝试使用(click)and ( ionSelect) 来调用按钮上的方法，但没有区别。

基本上，除了@InputIonic 样式和 CSS 类对按钮选项数组的 后续更改之外，一切似乎都有效。

我的问题：我在哪里/如何告诉 Ionic<ion-segment>只使用最新的值和段数？教程或 Ionic 文档中的示例使用带有数据绑定的静态列表和模板驱动的表单[(ngModel)]，我不能使用反应式表单。这仅适用于模板驱动的表单吗？

我有 2 个字段的反应形式：名称和地址

Htmp模板：

我想在输入无效时显示工具提示。我怎样才能做到这一点？

这是我的删除功能：

我的模板有：

当我从列表中删除最后一条记录时，它工作正常，但是如果我从列表中间删除任何其他记录，它会中断并且不显示图像中附加的值而且在此屏幕截图中看到的控制台。

我对 Angular 2/4 很陌生。目前，当我打开手风琴时，它会在手风琴内显示多个客户信息。而不是与打开的一个 clientid 相关的信息。

我有这段代码，我正在传递 clientid，所以当用户打开手风琴时。它应该只显示与该特定客户端 ID 相关的信息。

我的问题是如何在 fa-edit-client-info-list 中获取 clientId，以及如何根据 id 显示，以便显示与该特定 clientid 相关的信息。

HTML

TS

fa-edit-client-info-list.html

fa-edit-client-info-list.ts

JSON

我是角度的新手，可以说，我有如下反应形式

我的角度模板看起来像

例如，电子邮件字段有两个验证，例如required和email类型验证所以取决于我必须显示错误消息的错误，所以在我的模板中使用类似

registerFormGroup.get('email') 我没有一次又一次地添加相同的内容，而是尝试创建模板表达式#emailForm="registerFormGroup.get('email')"，如

这样我就可以使用 like

但我收到了类似的错误

compiler.es5.js:1690 未捕获错误：模板解析错误：没有将“exportAs”设置为“registerFormGroup.get('email')”的指令（“l> ]#emailForm="registerFormGroup.get('email' )">

我犯了什么错误？？

I am trying to develop a contact form, I want user to enter phone number values between length 10-12.

Notably same validation is working on Message field, Its only number field which is giving me trouble.

I found this answer but it is of no use for me.

I have code like following :

HTML :

TS :

我正在使用 angular 4 Form 和 Form-Group 组件来创建添加/编辑数据表单。我能够在添加任何新数据时进行适当的验证，但在编辑具有已填充输入字段的相同表单时遇到问题。

下面的代码是组件部分：

下面的代码是模板部分：

我总是将 saveNotification.valid 值设为 false，因为在编辑时，这些值是从组件中逐个填充的。我试过 this.saveNotification.controls[i].markAsTouched() 但这不起作用。

我想对没有 ngModel 的输入框使用大写管道，我也在使用表单生成器。将所有形式的值转换为大写的任何方式。