问题标签 [angular-forms]

我想使用 Angular2（使用 TypeScript 和 Jade）实现自定义表单。

当我使用my-input我创建的元素作为自定义表单组件而不是input添加ngControl指令时input，我收到异常错误“没有 ControlContainer 的提供程序！”。然后，当我ngControl从input元素中删除时，没有发生错误，但表单功能不起作用（例如验证器）。

父组件

子组件

为了试用，我将ngControlGroup指令附加到label组件中的my-input元素，但出现错误。（当然，写import Component, Input, etc...在@Input()TypeScript 文件中。）

我从 Angular 2 收到此错误

core.umd.js:5995 例外：未捕获（承诺中）：错误：app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 中的错误，原因是：如果在表单标签中使用 ngModel，则 name 属性必须是set 或表单控件必须在 ngModelOptions 中定义为“独立”。

示例 1：

示例 2：

这就是我使用表单标签的方式：

我是 angular2 和学习的新手。以下代码不会输出f.value到控制台。它返回一个空对象。我在这里错过了什么吗。我正在使用rc4。

任何帮助都会很棒。

组件.ts

模板驱动的form.component.html

包.json

我正在使用最近发布的 Angular 2.0.0，基本上我有一个组件，它初始化其表单模板的值，该模板由一个输入文本框和一个带有两个输入文本框的 FormGroup 的 formArray 组成。

初始化完成后，绑定工作正常，但是当我将新的 FormGroup 推送到 formArray 时，表单值不会反映新添加的项目，直到我在最初绑定的某些文本框中进行一些值更改。为什么会出现这种行为，当添加一些动态 FormGroup 时，如何更新表单值？

我的组件和模板代码是这样的：

解决了

我试图将新表单组推送到表单数组的控件属性，并且必须将其推送到表单数组本身。

我将 addBand 方法更改为：

我正在使用反应式表单在 Angular 中构建一个表单。我正在使用 FormBuilder 来制作一组字段。对于文本框，这非常有效。但我找不到单选按钮的 formControl。

这是如何运作的？我应该<input formControlName="gender" type="radio">像使用文本输入一样使用吗？

我有一个 Angular 2 应用程序，它使用该ReactiveForms模块来管理使用自定义验证器的表单。验证器接收到一个FormControl对象。我有一些输入字段可以使用相同的自定义验证器，前提是我在FormControl传递给验证器时知道字段的名称。

我找不到任何FormControl公开输入字段名称的方法或公共属性。当然，这很简单，可以看出它的价值。下面显示了我想如何使用它：

我有一个表格列表。当用户单击表格时，会发生这种情况：

并且出现了一个允许编辑selectedTable. 该表单包含以下输入：

还有一个更新更改的按钮..

和一个取消按钮：取消

我的问题

当我更新我的输入时，表格列表（界面）也会根据输入中的内容发生变化。但是当我更改输入然后单击“取消”时，界面会显示带有更新表格的表格列表，该表格仅在界面中更新，而不在我的服务器端更新（因为我没有单击更新）。

selectedTable单击取消时如何恢复对 的更改？

或者换句话说：如何通过输入更改我的表格并仅在单击更新后在界面中更新它？

我正在寻找Angular 2 文档，但无法找到有关如何使用formGroup的最佳实践。

是否必须formGroup用表单标签括起来？

我看过这个堆栈溢出问题：

formGroup 需要一个 FormGroup 实例

我创建了这个组件模板：

我试图避免使用嵌套的表单标签

我在角度 2 中比较新。

我正在尝试以这样的形式使用 2 路数据绑定-

像这样的模型-

像这样的模板-

和这样的组件-

我收到这样的错误-

回覆-

我当前的代码在这里上传-

https://github.com/abrarjahin/Dot.NetCore_Angular2_App/tree/master/ProfileManagement/ClientApp/app/components/profile-list

任何人都可以帮助我吗？

提前感谢您的帮助。

我正在尝试解决这个问题一段时间。

当我尝试仅在条件为真时在表单中输入输入时，我收到一个错误，无法从 undefined 读取无效。

使用 elvis 运算符时，我不再收到错误消息，但即使显示输入无效和脏，我仍然看不到错误消息。

有人暗示我错过了什么吗？