问题标签 [angular-reactive-forms]

默认情况下如何禁用未选择的无线电苹果？

这是plunkr

这是一个界面：

interface User { name: string; }

和反应形式：

当字段更新时，有没有办法让 get 的值user.name自动更新（双向绑定，就像 template-driven ngModel）input？

我已经动态创建了表单，我遵循了 angular2 cookbook 中的动态表单教程：教程。我在那里创建了我的自定义动态控件“RadioTextboxField”，其中包含单选按钮列表，并且每个单选按钮都可以有关联的文本框控件。

基类：

RadioTexbox 字段：

其中labelRadio：包含在控件中的单选按钮和可选文本框的列表（标签：显示在单选按钮旁边的标签， isTextBox：如果显示文本框则指定， 值：如果文本框不可见，则为单选按钮指定值，否则应取文本框中的值）。这是我的表格： 表格：

我无法从该控件读取值，从单选按钮或可选的从文本框中获取值（如果显示）。如果未选中与之关联的单选按钮，我还想禁用文本框。这是 plunker 上完整代码的链接：plunker 请帮助我，我不知道如何解决这个问题。

我编写了一个组件来管理我的模型（model.component.ts），我想在其他 2 个组件（创建和显示）中使用它。在 model.component 中，我使用响应式表单来控制值。因为我的模型需要动态管理列表，所以当列表发生变化时，我会重建这个 Reactive 表单部件。

我的问题是当我从 show.component 加载模型时，model.component 不喜欢它并告诉我：

也许我写错了，所以如果你对我有解决方案，那将非常有帮助:)

模型.组件.ts

model.component.html

show.component.ts

show.component.html

编辑： 这是我的 plunker。当我的模型直接加载loadFromNested但从.app.component.tsnested.componentapp.component

我正在尝试使用反应式表单在 Angular 中创建用户注册表单。我希望密码验证应该以大写字母开头，至少有一个数字，至少一个特殊字符，并且对小写字母没有限制。

我所拥有的是：

// Validators.pattern('' )

在这里我需要使用回归表达式，但我不知道哪一个适合我的上述要求

我正在使用 Angular 2，我想分别验证每一行中的控件。但我没有办法做到这一点。我希望它只使用反应形式而不是使用模板驱动的方法来完成。我想要 [formGroup] 在每个<tr>. 任何帮助将不胜感激。下面是我的代码结构：

我收到以下错误。addControl有以下签名。不知道我做错了什么。

我以反应形式向字段添加了一个浮点指令，该指令将逗号添加到每 1000 个字段，并附.00加到字段值，专门用于 UI 中的可读性，效果很好。

• onBlur 添加格式
• onFocus 删除格式

当表单加载现有值时，我希望对这些值进行格式化，因此我将其添加到我的浮点指令中，以便在使用setValueor填充表单字段时对值进行一次格式化patchValue，效果很好。

浮点指令的片段

** 在下面添加了完整的指令，但这只是真正重要的部分。

但是，如果您在填写空表单时将表单字段动态添加到 FormArray，则不会触发一次性格式化，因此您在字段中键入的第一个数字会添加格式。例如，打开一个空表单，单击一个按钮以添加一个动态字段，1在该字段中输入一次触发，valueChange现在输入已经1.00完成，用户将继续输入1.001244而不是11244.

我知道patchValue并且通过文档setValue直接链接到，但是有没有办法听或改变而不是听？或者有没有另一种方法可以让它工作，但仍然有现有的功能，因为即使只是听，也意味着一次性格式订阅仍然有效。valueChangesemitEvent setValuepatchValuevalueChangessetValuepatchValue

浮点指令

我在这里做错什么了吗。一旦电子邮件经过验证，它就会抛出一个错误，指出无法读取 null 所需的属性。当我返回 false 而不是 null 时，电子邮件仍处于无效状态。因此，表单正在得到验证。谢谢。

我想在 Angular 2+ 中创建一个带有 ControlValueAccessor 接口的自定义表单元素。这个元素将是一个<select>. 是否可以将 formControl 属性传播到包装元素？就我而言，验证状态不会传播到嵌套选择，如您在随附的屏幕截图中所见。

我的组件如下所示：

这是我的组件模板：