问题标签 [angular2-formbuilder]

我正在处理模型驱动的表单，但无法将项目添加到使用 ngFor 显示的列表中。我目前在尝试迭代我的列表时遇到错误。

错误：

表单生成器服务：

形式：

表单组件.ts：

https://gist.github.com/jpstokes/11551ff5d8c76514005c6c9fd8a554dd

我有 2 个表格。一张父表格，一张子表格。它看起来像这样：

因为some-form-component我使用这样的文件：

我的父表单组件如下所示：

SomeFormComponent 看起来很相似，只是没有makeSomething方法我的问题是：如何在makeSomething()方法中获取值？

谢谢！

我有一个表单，点击一个按钮就可以添加输入。

我正在使用以下代码在 HTML 上呈现：

如何使用此方法呈现验证消息。

form.controls.textC_{{i}}.valid 不起作用

有替代品吗？

使用角度 rc5

在我的应用程序中，我有许多不同的表单，其中一些带有复选框。
这就是为什么我决定为它们创建一个用于 checkbox-es + 自定义验证器的指令。

在我使用的这个指令中，DoCheck但也许这不是 Angular2 创建这种表单指令的方式。一切正常，但我认为有更好的方法来创建复选框/按钮表单指令。

在 Angular2 表单 API 中，我发现有CheckboxControlValueAccessor 指令和ControlValueAccessor接口。也许我应该使用它们？如果是，是否有任何示例如何使用它？

我的问题是：这是为 Angular2 表单创建复选框指令的正确方法吗？

这是我的解决方案Plunker的示例

应用程序.ts

应用程序.html

指令/验证-multicheckbox.component.ts

指令/验证-multicheckbox.component.html

服务/自定义验证器.service.ts

我正在尝试使用disabled我的模型驱动表单内部。我有以下表格：

我收到错误（未找到controlsof this.form）可能是因为我在使用this.forminside this.form。

我该如何解决？

PS我也尝试[disabled]='...'在我的html中添加，但我收到警告说我应该使用formBuilder

我正在构建一个 Ionic 2（打字稿）应用程序。仅在复选框（ion-checkbox标记）中的简单模型驱动表单验证中出现问题。

我正在使用 FormBuilder 来构建表单模块。我希望根据复选框输入控件的选中状态来验证/不验证表单。但它只能单向工作。这是我的代码：

reg.html

注册表

实际视图：

选中/取消选中“条款和条件”复选框不会更新验证逻辑，并且“NEXT”按钮禁用状态不会更新。这是因为表单验证没有考虑这个复选框。一些帮助表示赞赏。

我们如何使用 angular2 验证来确认密码？我正在使用 angular 2.0 final。

我正在为模型驱动表单使用 formbuilder 类，如下所示：

我正在使用 Angular 2.0 最终版本。

我想做的事？ - 我只想在输入接收焦点时显示一些通知（警告，输入要求）。或者更好的是，当他的父母 ( the div) 有mouse hover事件时。

从父级（div）执行此操作很容易。只需 (focus)=showNotifications() + 一个 ngIf - 就完成了。

但我想将此功能封装在 show-notifications 组件中 - 并使其可重用..

鉴于我the control使用 - 在显示通知内部传递@Input()- 如果我可以访问native HTML input element.You 可以看到如何在show-notifications.component.ts. 这是代码：

app.component.html：

app.component.ts：

显示通知.component.html：

显示通知.component.ts：

问题：

鉴于我有 formControl (myName = the_control) 对象，我如何访问本机元素？

有没有更好的方法在单独的组件中进行通知 - 并使其可重用？我已经在整个应用程序中成功使用了它 - 显示错误和输入要求..

注意：我尝试首先使用主题标签语法（#myInput）传递洞 html 输入并在那里形成，在 show-notifications 组件内，我尝试执行：myInput.myName - 访问控件但我未定义。本机输入元素上不存在这些控件。我需要该控件进行验证:)

我环顾四周，找不到任何明确的信息-您可以将 ng2-bootstrap 日期选择器与 Angular2 模型驱动表单一起使用，还是仅适用于模板表单？

该文档描述了选择器，以便您按如下方式使用它（作为示例）：

...这似乎确实有效。理想情况下，我想像这样使用它：

...但它似乎并没有开箱即用。有没有办法将此模块与模型驱动表单一起使用？如果没有，是否有合理的替代方案适用于模型驱动的表单？（我也尝试过 ng2-datepicker，但有一个突出的错误使得它与 SystemJS 一起使用很不方便，这很不幸，因为它看起来很光滑）。

我正在使用ReactiveFormsModuleAngular2 创建一个包含表单的组件。这是我的代码：

foo.component.ts

foo.component.html

我在上面发布的代码不起作用：如果我单击两个单选按钮之一，它总是选择第二个并且我无法更改它。

FormControl使用radio（或）的正确方法是什么checkbox？