问题标签 [angular2-forms]

这是我之前关于 Angular2 中的嵌套表单（带有 TS 的 beta 3）的文章的延续（Angular2 beta: nesting form-b​​ased parent/child components and validate from parent），但我发布了一个新问题，因为它指到不同类型的问题。

您可以在http://plnkr.co/edit/iCmmy9at2wF5qY0P6VmV找到此处描述的问题的重现。简而言之，在这个假场景中，我有一个组件代表一个虚构字典中的单个单词，另一个子组件用于表示该单词的每个含义；因此，父组件与其子组件之间存在一对多的关系。两者都有一个基于表单的模板，使用表单构建器构建。子模板位于 a中，我在其中绑定来自父 (=word) 模型的每个意义。这样，每个词义的所有属性都会自动绑定到词的模型。NgFor

其中一些属性附加了几个验证器（自定义或标准）。我的问题是，当我以编程方式从父组件设置单词模型时（这也意味着设置表单控件的值），这似乎在验证过程中触发了一些竞争条件，这引发了几个类型为EXCEPTION: Expression ' !definitionCtl.valid' 在检查后已更改。以前的值：“真”。当前值： 'false'，阻止进一步的代码执行。

AFAIK，似乎与此问题相关的唯一信息在这里：

• https://github.com/angular/angular/issues/5992 ,
• Angular2：嵌套 *ngFor 导致“检查后表达式已更改”

然而，这些讨论似乎还没有解决我的问题，除非（如果我理解得很好）我选择手动管理我的所有绑定，我想避免这种情况，因为在现实世界的应用程序中会有有很多。有人可以帮忙吗？

给定一个控件titleCtrl，有没有办法设置它的有效属性？

我试过了

。镖

但它会引发错误。不过，获得有效状态是没有问题的。

我正在构建联系人列表应用程序，用户可以使用输入字段添加联系人，就像我们通常用于获取数据一样，我已完成添加和删除联系人，但我对如何通过单击旁边的按钮编辑添加的联系人感到困惑添加的联系人，情况是我点击编辑按钮，联系人将在输入字段中，我将编辑联系人并点击更新按钮，编辑后的联系人将回到联系人列表中，我可能会得到-ve 投票，但我真的很想看看它是如何发生的，比如在输入字段中联系以进行编辑。

这是我为它写的以 id 作为参数

如果之后呢？:)

父母的HTML：

子组件的 HTML 以显示从父组件捕获的数据：

我已经尝试了所有我能想到的让事件在复选框更改状态时触发但我似乎无法让它工作。

这是html

这里是 toggleRoleActive()
编辑：

我面临的挑战之一是，当我从服务器获取数据时，需要检查或不检查按钮。但是，如果他们想停用或重新激活该角色，我希望它响应复选框。

我尝试过使用[(ngModel)],(change)和更简单的解决方案，但唯一触发任何事件的是[(ngModel)]，但是这样做我最终得到true/false而不是'Y'/ 'N'。此外，如果我使用[(ngModel)]，无论我的服务器发送什么数据，该复选框始终标记为选中。

我有一个包含不同类型字段的简单表单。在提交表单时，我只打印提交的值。

它对于一些字段看起来不错，但是对于多选和复选框字段，它不能按预期工作。

对于多选和复选框，仅打印最新选择的值。相反，我想要一个数组。

关于如何做到这一点的任何建议？

同样对于文件附件字段，如何将文件列表添加到具有其余字段值的原始对象（使用 FormBuilder 和 ControlGroup 创建）？

Plunker 链接

我对 Angular 很陌生。我正在尝试使用 Angular 2 制作一个简单的 Web 应用程序，我允许用户从他们的本地计算机中选择和图像。然后我想在<img>标签中显示这个图像。稍后对图像执行操作，如旋转、更改比例、更改宽度……等。

这就是我的组件中的内容

但它根本不起作用。如何使用 Angular2 读取图像并更新 src 属性？

我只是想学习 Angular。:)

有没有更好更简单的方法来做到这一点？

我有以下代码片段

.html

。镖

我尝试运行该应用程序时出现以下错误（部分）

似乎 type="num" 没有被处理。我怀疑年龄 int 也可能是一个问题，因为它是一个 int 但需要一个字符串。从 sting 返回到 int 的反向转换也可能是一个问题。

任何帮助表示赞赏。

谢谢

我有一个带有一个相当大的菜单的组件，对于每个菜单项我有一个不同的表单要显示，至少会有 100 个不同的表单，预计会有几百个。现在的问题是可以导入所有这些表单组件吗？有不同的方法吗？

与此相关的另一件事是，我有一个包含所有子组件有用信息的变量，使用依赖注入提供它是个好主意，还是应该通过 @Input 将其插入所有子组件中？

我正在尝试绑定 num 类型的属性。但是 angular2 抱怨尝试的转换（数字到字符串）是非法的。我已经看到可以在哪里使用 ControlValueAccessor 但缺乏这样做的知识？

有谁知道如何使用 ControlValueAccessor 将 ngModel num (age.years) 转换为 String 以在浏览器中显示并将 String 转换回 num 以进行存储？

我真的不想将我的模型属性转换为字符串来完成此操作。

我希望禁用一个按钮，直到使用 Angular 的 FormBuilder 检查了一个复选框。我不想明确检查复选框的值，而是更喜欢使用验证器，以便我可以简单地检查form.valid.

在下面的两种验证情况下，复选框都是