问题标签 [reactive-forms]

我的反应形式有问题。我需要一个与添加的文本输入相结合的单选按钮组。这是我的输入集的当前预览

按照我模板中的当前代码：

主要问题是，通过添加新输入，单选按钮组会生成一个新组，尽管每个单选输入值不同且输入名称相同。我该怎么做才能获得一组单选按钮？

我试图在 Plunkr 中实现我项目的这一部分。它不起作用，但其中的代码app.ts与我的脚本相同。

我很难理解为什么在一种情况下 Reactive Forms 不能按预期工作。

我的模板中有一个带有单选按钮的按钮组，每个输入都嵌套在一个标签中。当我选择一个单选按钮时FormControl，我的相应单选按钮FormGroup不会更新。

当我将输入控件放在标签之外时，一切都按预期工作。

我必须做些什么才能使这个工作适用于我的示例？

这是代码：

app.component.html ：

app.component.ts ：

编辑：显然使用 jQuery 存在问题。当我从 .angular-cli.json 中删除 jQuery 时，一切正常。

如何在输入中显示转换值（例如“1（234）567-890”），并且没有转换值（'1234567890'）？

是否可以为maskInputEl和制作单独的值maskInput？

我有模板：

和自定义组件：

给定 a 中的以下代码片段FormGroup：

<input type="email" class="form-control form-control-lg" formControlName="email" placeholder="email">

无论如何我可以使用引用变量（例如）而不是使用来访问模板中（而不是从 .ts 文件）中输入的值，这form.get('email')...有什么好处吗？

我有我的反应形式，看起来像这样

我想对用户创建的所有行的 itemamt 求和并将它们传递到表单数据中。有人可以帮助我，告诉我如何汇总表单中的所有 itemamt 字段并并排显示用户的总金额是多少？

我有反应形式：

然后ngOnInit()有一个条件并且_elementForm正在改变：

验证器：

而且效果很好，但是如果为空elementForm，则无效。valueCaption为什么会这样，我该如何解决？

我正在尝试将 ng-bootstrap（Angular 4 和 Bootstrap 4）日期选择器封装在自定义组件中，并添加反应式表单验证。

我想知道我是否使用了正确的方法，所以我会向您展示我的代码。

这是自定义组件：

这是我使用自定义组件的组件：

这是观点：

你是这么想的吗？您认为有什么需要改进的地方吗？

谢谢大家 ：）

我试过使用一个空白项目，它可以工作。然而，在我正在处理的当前项目中，我有一堆问题会在输入字段上生成动态表单控件。而且我为 minlength = 4 设置了验证。问题是，当NgFor使用这些值呈现表单时——如果该值不符合要求，则在我更改输入字段中的某些内容之前，内联验证不会触发。

另外，我注意到当我提交表单时，如果我不更改值，它们会显示为 null。但是当我进行更改时，它们会显示为已更改。被困在这个组件上几天了......我修复了一件事，另一件坏了。

我还尝试设置验证器并根据检查状态动态删除它们，但没有运气。这导致表格无效。

}

我想比较表单的两个值是否相同。我有这个

但它不起作用。它不会使 enableButton 为真。

更新：

我正在使用 angular 2 formbuilder 创建一个表单，我想根据单选框输入更改有条件地验证输入字段。当我单击百分比单选框时，应该验证百分比输入。当我单击金额单选框时，它应该验证金额输入字段。

HTML 代码

（我正在使用材质输入组件）

Angular 2 组件