angular 4嵌套的响应式表单仅在输入的父级上添加输入值

时间:2018-05-26 06:34:07

标签: javascript angular nested textfield angular-reactive-forms

我有一个嵌套formarray组的反应形式。我有一个输入,当用户输入/ select ** other时添加:**(冒号(:)后面有一个空格)。但是输入显示的不仅仅是所有输入的旁边显示的所选/父输入的旁边。所有输入具有相同的名称。
这是code 如何让其他输入字段显示在父输入旁边?
enter image description here

code with CSS

1 个答案:

答案 0 :(得分:1)

根据我对您的问题的了解,您正在尝试更改每行的某些标志,但是您将这些标志的值写入了全局变量。
您可以做的是将personRow作为参数传递给处理更改的函数,然后根据事件类型在personRow对象本身中设置标志。这样,您可以在控制表单行为方面获得更高的粒度。

可以找到here

修改过的stackblitz

P.S。请考虑将您的组件分为一组较小的/可重复使用的组件,这样将更易于管理和修改。