Angular8 реагирует на выборку только заполненных элементов

Question

Я использую угловую реактивную форму, как показано ниже

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