Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS表格。JSON中的可选属性_Javascript_Angularjs_Json_Forms_Typescript - Fatal编程技术网

Javascript AngularJS表格。JSON中的可选属性

Javascript AngularJS表格。JSON中的可选属性,javascript,angularjs,json,forms,typescript,Javascript,Angularjs,Json,Forms,Typescript,我有一个带有几个字段的搜索表单。如果用户未在字段中键入任何内容,它仍将发送到值为“null”的服务器。 但是,该表单中大约有25个可选(高级)字段,如果用户没有在其中键入任何内容,JSON就不应该包含该字段。 所以,我的问题是:是否有某种方法(模式可能)来避免25个“if()”或“else”?形成最终JSON的最佳方式是什么? 谢谢 UPD: 谢谢你,@RIYAJKHAN的回答! 我用LoDash自己解决了这个问题: private compactObject(obj) { l

我有一个带有几个字段的搜索表单。如果用户未在字段中键入任何内容,它仍将发送到值为“null”的服务器。
但是,该表单中大约有25个可选(高级)字段,如果用户没有在其中键入任何内容,JSON就不应该包含该字段。
所以,我的问题是:是否有某种方法(模式可能)来避免25个“if()”或“else”?形成最终JSON的最佳方式是什么?
谢谢

UPD: 谢谢你,@RIYAJKHAN的回答! 我用LoDash自己解决了这个问题:

   private compactObject(obj) {
      let compactObj = this.removeEmptyProperties(_.cloneDeep(obj));
      _.forEach(compactObj, (value, key) => {
        if (_.isObject(value)) {
          compactObj[key] = this.compactObject(this.removeEmptyProperties(compactObj[key]));
        }
      });
      return this.removeEmptyProperties(compactObj);
    };

    private removeEmptyProperties(obj) {
      let trimedObj = _.cloneDeep(obj);
      _.forEach(trimedObj, (value, key) => {
        if (!value || _.isEmpty(trimedObj[key])) {
          delete trimedObj[key];
        }
      });
      return trimedObj;
    }

将它们作为null发送到服务器有什么不对?
<form name="form" ng-submit="submit(form)">

    <input type="text" name="test1" ng-model="test1">
    <input type="text" name="test2" ng-model="test2">
    <input type="text" name="test3" ng-model="test3">

<input type="button" name="submit"> 
</form>
$scope.submit = function(form){

    for(var prop in form){
        if(!!!form[prop]){
                delete form[prop];
        }
    }//form will contain form prop having only valid values
}