问题标签 [angular2-formbuilder]

我遵循了 Angular 2 网站上的响应式表单指南。https://angular.io/docs/ts/latest/cookbook/dynamic-form.html

但是，我在添加新问题时遇到了麻烦，因为它给了我以下错误：

例外：http://10.1.6.78/hira/app/dynamic-form-question.component.php:9:28 中的错误，原因是：无法读取未定义的属性“有效”

这很可能与问题的创建有关，因为以下代码有效：

但是这段代码给出了错误：

Learning Angular 2, I first saw ngModel, and now saw FormGroup/FormBuilder which would be better to make complex forms. But I noted that with FormBuilder we lose all the static type power given by TypeScript.

All observables and the main object are typed as any. Is there something that could be done to avoid that?

In relation to that, I saw that TypeScript 2.1 has "mapped types" which in my opinion would be something good to transform a standard interface in a interface of observables without lose the properties types, but I see nobody talking about this for Angular.

所以我在这里使用了指南：https ://angular.io/docs/ts/latest/cookbook/dynamic-form.html

我需要向现有字段添加更多字段。我做了一些有用的东西，但它很笨重，当我点击它时它会重置表单。下面的代码：

在动态-form.component.ts 中：

有问题.service.ts

我的按钮也在里面，dynamic-form.component.html但我希望它在里面dynamic-form-question.component.ts。这可能吗？

我正在尝试根据本文实现表单验证模式：https ://coryrylan.com/blog/angular-form-b​​uilder-and-validation-management

验证本身工作正常，但显示验证消息的组件永远不会被触发。它在构造函数被命中时被实例化，但是“this.control”（它引用提供给组件的输入值）是未定义的。

这是组件本身的代码

..验证服务的代码..

最后，测试表单组件和模板..

我已经在http://plnkr.co/edit/rxvBLr5XtTdEUy5nGtAG上发布了所有这些内容

对于我在这里缺少的内容，我将不胜感激。

提前致谢！

我正在使用这样的 Angular 2 Reactive Form 构建器：

我希望该excludedRecords值是一个数组，这是生成 HTML 的变量：

这就是我生成初始表单选择的方式：

现在它只是将值切换为真或假，但我希望每个复选框输入输出一个值数组，这可以使用 Angular2 Form Builder 吗？

案例：我有一系列答案，我想在视图中显示为无线电输入。当其中一个答案已经被回答时，它必须被[选中]，如果它被[选中]，则显示文本区域，到目前为止一切都很好。

接下来我想检查另一个单选输入，我希望取消选择当前选择并隐藏它的文本区域，然后应该[选中]新选择的单选输入并且它的文本区域应该显示。

我使用 FormBuilder 和 FormArray 并有以下问题。

• 如果没有内插，我就不能使用index，我看到很多没有使用索引的例子。
• 如果我选择另一个无线电输入，首先我的数据会消失并且没有被选中，然后在第二次单击时它会被选中，但现在两者都被选中。

- 我无权访问选中的事件，我可以使用 {{tempVar.checked}} 在视图中显示它，如上所示，如果我使用模板变量#tempVar，但我无权访问它下面的文本区域*ngIf="tempVar.checked"。如果我确实在 ngIf 中使用它，我会收到以下错误

检查后表达式已更改。以前的值：“假”。当前值：“真”。

问题：

• 这是正确的方法吗？
• 带有 FormBuilder 和带有 Radio 输入的 FormArray 的反应式动态表单示例

这是我的代码 https://gist.github.com/webwizart/121c85a0f316f47977cc0c99455af7bf

我有一个与Angular 2 模型驱动表单中的下拉列表中描述的问题类似的问题（尽管模型绑定到选择框要简单得多）。

模板非常简单，基本上是一个“亲爱的 x”列表，其中 x 由服务提供：

在组件中，我订阅了一项服务，该服务获取此选择框的数据（console.log表明数据确实到达了）。

我已经尝试过这些方法来让表单使用服务中的值进行更新，但它们似乎都不起作用：

1. 重置群组

   /li>

2. 修补表单上的值

   /li>

3. 在控件上设置值

   /li>

4. 通过表单设置值

   /li>

显然我错过了一些东西......但是什么？

编辑原始问题

有时控制台会显示数据到达，但在清理了我的代码并经过进一步测试后，console.log当这个组件加载时，事件现在没有显示。我认为这一定是一个时间问题 - 可能组件在发出它需要的数据的服务已经触发之后加载。

该组件由导航事件上的父组件加载，如下所示：

用户将一些数据放到该组件上，从而在此组件中触发 emitProposal，这会导致调用此方法：

所以看起来这个“pushProposal”是在子组件加载之前触发的，这可能是问题吗？

（现在我想知道以前的日志是如何显示接收到的数据的，哈，写这个问题时我到底改变了什么！？）

我form在 Angular 中创建了以下内容FormBuilder：

是否存在一种以编程方式附加新字段的方法，例如FormControl或 new FormGroupto myForm？

我的意思是，如果我想按需或在某些条件下添加新字段，如何将项目添加到第一次在constructor?

对于我尝试引用输入到我的表单中的值的每个实例，我都会收到这个有趣的Property 'notes' does not exist on type '{ [key: string]: AbstractControl; }'.错误。造成这种情况的线是'notes': this.addForm.controls.notes.value。我究竟做错了什么？

这是错误的整个上下文

这是从中检索值和调用方法的形式。

我也是 angular 和 firebase 的新手，所以我很难用 firebase 承诺数据填充我的表单。是的，我也很难理解如何处理 promise 与 observables。我会感谢任何帮助。

控制台显示：错误：访问属性“拒绝”的权限被拒绝

问候