具有相同 FormGroup 的两种形式？

Question

是否可以创建两个具有相同 FormGroup 的表单？

我有一个表单可以添加实体，另一个表单可以编辑。两种形式都有相同的形式元素。到目前为止，我必须编写两个表单组并访问数据。但我需要使 formgroup 全局化并以两种形式使用它。可能吗？请指出我正确的方向。任何意见将是有益的。谢谢。

这是我的代码片段：

AddEntityComponent:

this.addEntityForm = addEntityFormBuilder.group({
      'Code': "",
      'Name': [null, Validators.required],
      'Type': "",
      'Email': "",
      'Website': "",
      'DefaultDivision': "",
      'EffectDate': Date.now,
      'PanNo': "",
      'HomeCurrency': "",
      'LstNo': "",
      'CstNo': "",
      'FaxNo': "",
      'Address1': "",
      'Address2': "",
      'Address3': "",
      'RegdAddress1': "",
      'RegdAddress2': "",
      'RegdAddress3': "",
      'IsActive': ""
    });

需要在addentitycomponent和editentitycomponent中都使用这个formgroup。

Answer 1

        if(flag="add")
        {
            this.addEntityForm = addEntityFormBuilder.group({
              'Code': "",
              'Name': [null, Validators.required],
              'Type': "",
              'Email': "",
              'Website': "",
              'DefaultDivision': "",
              'EffectDate': Date.now,
              'PanNo': "",
              'HomeCurrency': "",
              'LstNo': "",
              'CstNo': "",
              'FaxNo': "",
              'Address1': "",
              'Address2': "",
              'Address3': "",
              'RegdAddress1': "",
              'RegdAddress2': "",
              'RegdAddress3': "",
              'IsActive': ""
            });
        }

        elseif(flag="edit")
        {
            var entity=service.getentity();
            this.addEntityForm = addEntityFormBuilder.group({
              'Code': entity.code,
              'Name': entity.name,
               ....
              'IsActive': entity.IsActive
            });
        }


    It assigns data when edit.
same when submit the form use flag.

具有相同 FormGroup 的两种形式？

Two forms with same FormGroup?

angular

angular2-forms

angular2-formbuilder