2

是否可以使用相同的 FormGroup 创建两个表单？

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

这是我的片段：

添加实体组件：

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 中都使用这个表单组。

4

1 回答 1

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.
于 2016-12-16T04:21:33.627 回答