问题标签 [angular-reactive-forms]

尝试删除我添加到表单的控件

我已经尝试过this.*FormArray*.splice，但它没有编译。这么说FormArray has no method splice。然后我尝试removeAt()了，但是当我运行代码时，错误说，removeAt is not a method. 一次编译失败，下一次运行时失败。

我想从控件数组中删除一个控件。

我ReactiveFroms在我的应用程序中使用。当我添加static控件时，一切正常。我validation使用. inbuilt_ 使用静态控件controls工作Plunkr 。

但是当我尝试添加dynamic控件时，我无法访问控件以应用inbuilt验证。

我在访问控制以应用验证时遇到reference问题HTML template。我无法弄清楚如何访问控件。这是plunkr。

这是我添加动态控件的模板：

我无法弄清楚如何访问formControl以添加验证。我尝试了各种方法，例如：

这是为此而生的。

我正在使用 Angular 4，反应式表单。我想在用户单击提交/创建帐户按钮时显示验证错误消息。这是我正在使用的 HTML 和打字稿代码。

类型脚本代码

我正在尝试为我的用户角色显示复选框：

例如。我有两个用户角色：1.Admin 2.Employee

我在 userObject 中有一系列角色：

我想使用反应形式将此模型填充到表单中。我想将角色数组填充到只读复选框中，即当表单加载时，用户可以编辑姓名和电子邮件，但admin如果用户具有管理员角色，复选框将显示为切换状态，如果他不是管理员，复选框将显示为未切换状态。员工角色也是如此。

到目前为止，我已经尝试过以下操作：

任何输入？

我是 Angular 的新手，我正在研究 Reactive Forms，我还在项目中包含了 Bootstrap，如果输入文本有效并且具有类“ng-valid”，我需要添加类“has-success”到父 div，所以它会变成绿色并采用 Bootstrap 的样式。

我有一个想要检测更改的反应形式。例如，当用户查看产品时，会打开一个“查看产品”页面，在所有表单字段中填写该产品的详细信息。如果对表单中的任何值进行了更改，我希望启用“保存”按钮（默认情况下禁用）。但是，如果用户撤消更改或恢复到加载时的状态，“保存”按钮将再次被禁用。

这可能吗？我见过一些人这样做，其中 angular 检测到表单更改并使表单“脏”，但是一旦表单被弄脏，将状态更改回原始状态并不容易或直观。我还阅读了人们在哪里将初始产品详细信息加载到本地存储中，并将当前状态的表单值 JSON 与本地存储 JSON 进行比较，并基于此启用/禁用按钮。有没有人有首选或更好的方法？

谢谢

我迫不及待地想找到解决办法。这是我的个人资料页面结构：

每个部分都应该包含一个不同的表单，包括选择、输入、日期选择器、可拖动项目、芯片等。但同时它应该是一个将发布到服务器的大型表单。

由于表单元素的数量非常多，并且它们在我的布局中在视觉上是分开的，因此将它们拆分为组件是明智的。但我在网上找不到任何关于如何实现这一目标的例子。

这是我的主要组件的样子：

主要的困难是我不能将父 formGroup 传递给我的组件并用里面的 formControls 填充它。

任何帮助/建议将不胜感激。

我正在寻找通过单个复选框提交多个值的最佳方式。这些值正在保存在服务中。

使用属性语法，我可以绑定到一个附加data-*属性。有没有办法合并自定义data-*和value属性的值以在“提交”时一起发送，或者是否应该使用该getAttribute()方法以不同的方式处理？

模板

零件

编辑：为清楚起见，我想提交/保存分配给单个复选框的多个值。这些是分配给 HTML 中的 'value' 属性和 data-stock-sku/attr.data-stock-sku 属性的值。但是，在提交时，默认情况下，Angular 仅通过分配给“值”属性的值发送。

假设你有这门课

当你制作一个反应形式时，你可以这样做

或者，第二种方式

我的问题来自第二种方式：当您使用第一种方式时，您可以像这样将验证器添加到您的控件中

但是使用第二种方式，如何将验证器添加到表单控件中？

我在表单中有一个 FormGroup。单击提交按钮时，我需要验证 FormGroup 控件，但它没有触发。TransactionForm 是表单，allocationForm 是 FormGroup。单击添加按钮时，我需要单独验证 FormGroup。必填字段验证未触发。

组件.ts

html