问题标签 [angular2-forms]

模型驱动表单提交后如何清除表单？我必须使用ngModel吗？谢谢

.

我正在尝试做 CRUD 应用程序。我的组件代码是

我的 HTML 内容是

我有makeEditable(employee,index)包含单行值和索引值的函数。如果我做了data.isEditable = true;or this.employees[index].isEditable = true，那么输出是

单击此处查看输出图像

为什么所有记录都在变化。根据概念，只需更改一条记录即可。请给我一些解决方案

我在构建带有控件和选择框的动态 angular2 表单时遇到问题，例如这个plunker：

你可以选择一个英雄的力量，并且控制将具有相同的价值。但是，如果您按下Change Powers，则选定的值将为空，但控制值仍然是旧值。我认为这是一个严重的问题，因为当表单显示一件事但实际上它会提交不同的内容时，这是很多错误的来源，有没有办法更新控件的内容？有，updateValue()但您必须在所有这些情况下手动设置该值。

也有类似的情况，当您在表单构建后更新选择框选项时，它会在选择框中显示一个选定值，而控件值将为空，关于如何处理这个问题的任何想法？

我试图以 angular2 的形式打印输入字段的内容，但在控制台上获取对象作为结果（我的 ControlGroup 类型），这是我的代码，为什么会发生这种情况

我正在尝试使用 ngModel 在 Angular 2 中创建一个选择组件包装器。一旦更改选择，所有事件都会正确触发，但我无法在呈现初始选择时设置它。

这是我的组件：

我在这样的视图中使用它：

当我itemToSelect在初始化时在父组件中设置值时，它不会在 UI 中设置选定的选项值。

我也尝试使用该ngModelChange事件，但它不会触发更改事件。

我有以下代码

.html

。镖

表单按预期提交。但从那时起，流保持打开状态，即使出现ethinicGroup错误，错误也会由流传播到存储。是否可以根据表单的有效性暂停和取消暂停流，以防止错误数据被传播。

我试图在 Angular 2 中进行自定义验证，我已经包含了我所知道的内容，但我无法验证

验证器函数也在我包含的其他文件中，但这里它在类中并且我使用 this.function 访问，以及如何应用适当的 twitter 引导程序

I want to create a custom InputCustom component and use it to create model-driven forms.

My custom component just wraps an input field and uses Bootstrap material design for look'n'feel.

In Angular2 when you create a model-driven form

all Controls present on form elements are registered into a ControlGroup. By using the formRef you can track field values inside controllers.

Now, I want people to use my component like this

Q1: Do I need write my own custom ngControl directive?

Q2: How to propagate ngControl to the inner <input> element wrapped by <inputCustom>?

Q3: How should I register my Control inside the surrounding forms ControlGroup?

Q1。是否可以拥有一个控件，即：

input验证模板中所有类似类型的字段？

Q2。这些字段可以由 生成ngFor吗？

FailedMethod 1：验证有效，但值是耦合的。

FailedMethod 2: formBuilder 同上。

客观说明：

• 我正在尝试验证可能使用 ngFor 生成并需要类似验证的表单字段。

• 无需在其他地方重复定义类似的控件。

• 我可以使用任何其他方法（如#form="ngForm"or ）提取的值ngModel，我想要的ngControl只是验证。

如何在 beta 6 中实现单选按钮绑定？

我为 beta 0 找到了一个很棒的 plnkr（请参阅http://plnkr.co/edit/aggee6An1iHfwsqGoE3q?p=preview），但是当我尝试将其更新到 beta 6 时，它会严重中断（请参阅http://plnkr.co/编辑/voU933?p=预览）。

我查看了添加对单​​选选项的内置支持的提交（参见https://github.com/angular/angular/commit/e725542），它给出了这个例子

但到目前为止，我尝试完成这项工作的结果与我失败的 plnkr 非常相似。