angularjs - How we can merge json object together -

i have first function:

 $scope.loaddatafromtomonth= function (from,to,year) {  // $scope.loaddatafromtomontharrivee(from,to,2016);   var url =   servername+'admin/dashboard/getincidentdepartbymonthfromto/'+from+'/'+to+'/'+year;  // alert(url);  function onsuccess(response) {     console.log("+++++getincidentdepartbymonthfromto success++++++");     if (response.data.success != false) {         $scope.payloadgetincidentdepartbymonthfromto = response.data.data;         var getincidentdepartbymonthfromto=  $scope.payloadgetincidentdepartbymonthfromto;         console.log(json.stringify(getincidentdepartbymonthfromto));         $scope.data = {}; // new object         $scope.data.datasets = []; // new array in data object ..         $scope.data.labels =[];         var thewholeob={};         var datasetobj = {}; //temp object push dataset array..         var datasetobjtwo = {};         /////////////anomalies depart         datasetobj.data = [];         datasetobj.label= 'my first dataset';         datasetobj.fillcolor='rgba(220,220,220,0.2)';         datasetobj.strokecolor= 'rgba(220,220,220,1)';         datasetobj.pointcolor= 'rgba(220,220,220,1)';         datasetobj.pointstrokecolor= '#fff';         datasetobj.pointhighlightfill= '#fff';         datasetobj.pointhighlightstroke='rgba(220,220,220,1)';         getincidentdepartbymonthfromto.foreach(function(data) {             var monthnumber = $filter('date')(data.la_date, "mm");             var mun = data.number;             $scope.data.labels.push(monthnumber);                                datasetobj.data.push(mun);         });         $scope.data.datasets.push(datasetobj);               }     else {         alert("failure");     } }; function onerror(response) {     console.log("-------getincidentdepartbymonthfromto failed-------");     //$scope.stopspin('spinner-0');     console.log(response.data);     console.log("inside getincidentdepartbymonthfromto error condition...");   };  //----make ajax request call data----     ajaxservicess.getdata(url,username,password, 'get', '').then(onsuccess,onerror);                                           }; 

this function return result:

$scope.data = { labels: ['jan', 'feb' 'jul'], datasets: [     {         label: 'my first dataset',         fillcolor: 'rgba(220,220,220,0.2)',         strokecolor: 'rgba(220,220,220,1)',         pointcolor: 'rgba(220,220,220,1)',         pointstrokecolor: '#fff',         pointhighlightfill: '#fff',         pointhighlightstroke: 'rgba(220,220,220,1)',         data: [75, 59, 80, 81, 56, 55]     } ]                  }; 

it works good.

and have second function return same result different data of cours:

$scope.loaddatafromtomontharrivee= function (from,to,year) { var url =servername+'admin/dashboard/getincidentarriveebymonthfromto/'+from+'/'+to+'/'+year; //alert(url); function onsuccess(response) {     console.log("+++++getincidentarriveebydate success++++++");      if (response.data.success != false) {          $scope.payloaddaymonthyeardata = response.data.data;          var loadeddatabydaymonthyear= $scope.payloaddaymonthyeardata;             alert('xxx'+json.stringify(loadeddatabydaymonthyear));         $scope.data = {}; // new object         $scope.data.datasets = []; // new array in data object ..         $scope.data.labels =[];         var thewholeob={};         var datasetobj = {}; //temp object push dataset array..         var datasetobjtwo = {};         /////////////anomalies arrivee         datasetobjtwo.data = [];         $scope.date=[];         datasetobjtwo.label='my second dataset';         datasetobjtwo.fillcolor= 'rgba(151,187,205,0.2)';         datasetobjtwo.strokecolor= 'rgba(151,187,205,1)';         datasetobjtwo.pointcolor= 'rgba(151,187,205,1)';         datasetobjtwo.pointstrokecolor= '#fff';         datasetobjtwo.pointhighlightfill='#fff';         datasetobjtwo.pointhighlightstroke= 'rgba(151,187,205,1)';         loadeddatabydaymonthyear.foreach(function(data) {              var monthnumber = $filter('date')(data.la_date, "mm");             $scope.date.push(monthnumber);             var mun = data.number;             $scope.data.labels.push($scope.monthnumber);              datasetobjtwo.data.push(mun);         });         $scope.data.datasets.push(datasetobjtwo);      } else {         alert("failure");     }     //  $scope.stopspin('spinner-0'); };  function onerror(response) {     console.log("-------getincidentarriveebydate failed-------");     //$scope.stopspin('spinner-0');     console.log(response.data);     console.log("inside getincidentarriveebydate error condition..."); };  //----make ajax request call data---- ajaxservicess.getdata(url,username,password, 'get', '').then(onsuccess, onerror);                            }; 

this function return result:

$scope.data = { labels: [ 'jan', 'feb' 'jul','jul', 'aug', 'sep', 'oct', 'nov', 'dec'], datasets: [     {         label: 'my second dataset',         fillcolor: 'rgba(151,187,205,0.2)',         strokecolor: 'rgba(151,187,205,1)',         pointcolor: 'rgba(151,187,205,1)',         pointstrokecolor: '#fff',         pointhighlightfill: '#fff',         pointhighlightstroke: 'rgba(151,187,205,1)',         data: [ 102, 123, 145, 60, 161]     } ]                              }; 

it works also, question : how can declare second function inside first function , combine data returned , final result this:

$scope.data = { labels: [ 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'], datasets: [     {         label: 'my second dataset',         fillcolor: 'rgba(151,187,205,0.2)',         strokecolor: 'rgba(151,187,205,1)',         pointcolor: 'rgba(151,187,205,1)',         pointstrokecolor: '#fff',         pointhighlightfill: '#fff',         pointhighlightstroke: 'rgba(151,187,205,1)',         data: [ 102, 123, 145, 60, 161]     },{         label: 'my first dataset',         fillcolor: 'rgba(220,220,220,0.2)',         strokecolor: 'rgba(220,220,220,1)',         pointcolor: 'rgba(220,220,220,1)',         pointstrokecolor: '#fff',         pointhighlightfill: '#fff',         pointhighlightstroke: 'rgba(220,220,220,1)',         data: [75, 59, 80, 81, 56, 55]     } ]                     }; 

as long objects contain arrays might solve follows:

$scope.combineparts = function(part1, part2) {     var merged = angular.copy( part1 );      ( key in part1 )     {             if ( part2.hasownproperty(key) )             merged[key].push.apply(merged[key], part2[key])     }      return merged; } 

demo in fiddle: https://jsfiddle.net/gat4co9x/

hope helps. ;)

edit: integrate call second function in onsuccess of first, , combineparts in onsuccess of second.