父级中相同形式的两个子级组件-Angular

时间:2018-12-28 08:08:48

标签: angular

我用角7开发了一个具有以下结构的页面:(两个大型聚会以相同的形式重复自己!)

复选框第一步:

      title : --------

      Message1 : --------

      Message2 : --------

      Message3 : --------

      Message3 : --------

CheckBox第二步:

     title : -------

     Message1 : --------

     Message2 : --------

     Message3 : --------

     Message3 : --------

| Bouton Valider |


我将页面分为两个部分:

  • 父组件

  • 子组件,其形式重复两次(第一步,第二步)

我的问题是:

1)如果我在第一步的标题字段中输入一个ID,则如果我在父组件中重新利用相同的子组件,则第二步将使用相同的ID(HTML中禁止将相同的标识符用于两个不同的字段)

2)在这种情况下,如何验证父元素中的表单?我必须使用一种形式还是两种形式:每个组件中都使用一种形式?

谢谢您的帮助。

1 个答案:

答案 0 :(得分:-1)

看看响应式表单:Angular.io