Angular8 反应式表单仅获取填充控件答案

【问题标题】：Angular8 reactive form fetch only filled controlsAngular8 反应式表单仅获取填充控件
【发布时间】：2019-06-20 03:35:07
【问题描述】：

我正在使用如下所示的 Angular Reactive Form

  'storeName': [''],
  'statusId': [''],
  'storeAddress': this._formBuilder.group({
    'address': [''],
    'county': [''],
    'landmark': [''],
  }),

当我提交表单时，对于空控件，我仍然会得到带有空字符串的字段。

是否有可能只使用那些包含某些值的字段来获得最终值对象？

【问题讨论】：

编写您自己的自定义递归自调用函数，该函数将清除每个空字段。
添加你的完整代码 html + typescript
@Sergey 这只是一个 sn-p，而且很多时候我的对象甚至可以进行 4 层嵌套，这不是最好的方法。
只使用递归。就是这样。
看看这个stackoverflow.com/questions/2549320/…

标签： angular angular-reactive-forms angular8

【解决方案1】：

  getNotNull(data:any):any
  {
    let notNull={}
    for (let key in data) {
      if (Array.isArray(data[key])) {
        let tmpArray=[]
        for (let i = 0; i < data[key].length; i++)
        {
          let tmp=this.getNotNull(data[key][i])

          if (typeof(tmp)!='object' || Object.keys(tmp).length)
            tmpArray.push(tmp)
        }
        if (tmpArray.length)
           notNull[key]=tmpArray;
      }
      else {
        if (typeof (data[key]) == "object")
        {
          let tmp=this.getNotNull(data[key]);
          if (typeof(tmp)!='object' || Object.keys(tmp).length)
            notNull[key]=tmp
        }
        else
        {
          if (data[key] || data[key]===0) //if you want to save 0 value
            notNull[key]=data[key]
        }
      }
    }
    return notNull
  }

【讨论】：