angular - Angular8 反应式表单仅获取填充控件

Question

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

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

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

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

Answer 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
  }