push.apply没有在AngularJS forEach上工作

Question

我正在尝试使用AngularJS的forEach循环创建一个多维对象。

$scope.area_element = [];

$http({method: 'GET', url: 'api/elements'}).
    then(function(res){
        $scope.elements = res.data;
        angular.forEach($scope.elements, function(itemE){
            $scope.area_element.push({cost_element: itemE.cost_element, element_desc: itemE.element_desc});
            angular.forEach($scope.pm_area_ae, function(item, key){
                $http.get('api/work_ordersmae/'+ $rootScope.isNum +'/'+ $scope.itemC+'/'+ item.rnem_area +'/'+ itemE.cost_element).
                    success(function(data, status, headers, config){
                    $scope.area_element.push.apply($scope.area_element, data);
                });


            });

        });

});

HTML

<pre><div class="row col-sm-12">
    <table class="table table-hover">
      <thead>
        <tr>
          <th>Cost Element</th>
          <th class="text-center" ng-repeat="ar in pm_area_ae">{{ar.rnem_area}}</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="e in area_element">
          <td>{{e.cost_element}} {{e.element_desc}}</td>
          <td class="text-right" ng-repeat="elem in e">{{elem.area_cost}}</td>
        </tr>
      </tbody>
    </table>
</div></pre>

它不起作用。 area_cost值未显示。但是我在控制台日志上得到了多个[object]。

我使用的是push.apply（）;正确的这种功能？提前致谢