在AngularJs使用$资源保存对象数组 [英] using $resource in AngularJs to save array of objects

问题描述

我使用 $资源来检索使用查询服务器上的数据。
服务器返回对象的数组，这是我在存储的 stuklijst 的。
我可以通过数组和循环使用$保存到阵列中的每个项目发回给服务器发送的 stuklijst 的的（更新）的内容返回到服务器。
我现在要发送的所有项目（整个的 stuklijst 的），以一气呵成服务器，而不使用循环。

在尝试了$上的 stuklijst 的保存，角抛出destination.push不是一个函数的错误。
这怎么能与 $资源来完成？

这里的code：

服务：

  VAR stukModule = angular.module（'stuklijstServices'，['ngResource']）
stukModule.factory（'Stuklijsten'，函数（$资源）{
 返回$资源（'休息/ stuklijsten /：stuklijstID'，{}）;
}）;
 

控制器：

  //从服务器获取数据
  $ scope.stuklijst = Stuklijsten.query（{stuklijstID：$ routeParams.stuklijstID}）;//参见下面由服务器返回的数据样本
//用户可以更新数据并要求使用保存saveStuklijst//向他们发送回服务器（使用saveStuklijst（Stuklijst））
  $ scope.saveStuklijst =功能（lijst）{
    //由一个发送从stuklijst名可享：
    对于（VAR I = 0; I＆LT; lijst.length;我++）
        {//的console.log（ⅰ）;
         // console.dir（lijst [I]）;
          lijst [I] .RowID = I
          F =新Stuklijsten（lijst [I]）;
          F $保存（{stuklijstID：$ routeParams.stuklijstID}）。
        };
    };
 

由服务器返回Stuklijst并存储数据：

  [{名：K FlxMT在DG满足直径025厘米，线型0的ProdID：DG025KFLXMT，的RowID：7，单位：STK，数量：1}，{名称：SPR FL DG中遇到直径025厘米，线型：0的ProdID：DG025SPRFL，的RowID：8， 单位：STK，数量：1}，{名称：T FlxFl DG中遇到直径025厘米，线型：0的ProdID：DG025TFLXFL，的RowID：9 单位：STK，数量：0}，{名称：VER PL EX在DG满足直径025厘米，线型：0的ProdID：DG025VERPLEX，的RowID ：10，单位：STK，数量：0}，{名称：K FlxMT光伏满足直径008厘米，线型：0的ProdID：PV008KFLXMT，的RowID ：11，单位：STK，量：0}]
 

解决方案

您可以通过重新定义你的资源的保存函数指定<$ C发送对象的数组$ C> IsArray的= TRUE 像这样：

  stukModule.factory（'Stuklijsten'，['$资源'，函数（$资源）{
    返回$资源（
        休息/ stuklijsten /：stuklijstID'，
        {}，
        {
            保存： {
                方法：POST，
                IsArray的：真
            }
        }
    ）;
}]）;
 

然后，在你的控制器，你可以组装清单，并保存在一个HTTP请求（不健谈API）：

  $ scope.saveStuklijst =功能（lijst）{
    变种some_list = [];
    对于（VAR I = 0; I＆LT; lijst.length;我++）{
        lijst [I] .RowID = I
        F =新Stuklijsten（lijst [I]）;
        some_list.push（{stuklijstID：$ routeParams.stuklijstID}）;
    };
    Stuklijsten.save（some_list）;
 

如果你想仍然能够发布单个对象，你可以使用相同的概念来创建一个 saveBulk 函数preserve原<​​code>保存的单个对象。

I am using $resource to retrieve data from the server using query. The server returns an array of objects, which I store in stuklijst. I can send the (updated) contents of stuklijst back to the server by looping through the array and using $save to send each item of the array back to the server. I now want to send all items (the entire stuklijst) to the server in one go, without using the loop.

When trying a $save on stuklijst, Angular throws a "destination.push is not a function" error. How can this be accomplished with $resource?

Here's the code:

Service:

var stukModule = angular.module('stuklijstServices', ['ngResource'])
stukModule.factory('Stuklijsten', function($resource){
 return $resource('rest/stuklijsten/:stuklijstID', {} );
});

Controller:

//Get the data from server      
  $scope.stuklijst = Stuklijsten.query({stuklijstID: $routeParams.stuklijstID});

//See below for sample of data returned by server
//Users can update the data and request a save using saveStuklijst

//Send them back to server (using saveStuklijst(Stuklijst))
  $scope.saveStuklijst = function(lijst) {
    //sending items from stuklijst one by one :
    for(var i = 0; i < lijst.length; i++) 
        {// console.log(i);
         // console.dir(lijst[i]);
          lijst[i].RowID = i
          f = new Stuklijsten(lijst[i]); 
          f.$save({stuklijstID: $routeParams.stuklijstID}); 
        } ;
    };

Data returned by server and stored in Stuklijst:

 [{"Name":"K FlxMT in DG met diameter 025 cm","LineType":0,"ProdID":"DG025KFLXMT","RowID":7,"Unit":"stk","Quantity":1},{"Name":"SPR Fl in DG met diameter 025 cm","LineType":0,"ProdID":"DG025SPRFL","RowID":8,"Unit":"stk","Quantity":1},{"Name":"T FlxFl in DG met diameter 025 cm","LineType":0,"ProdID":"DG025TFLXFL","RowID":9,"Unit":"stk","Quantity":0},{"Name":"VER PL EX in DG met diameter 025 cm","LineType":0,"ProdID":"DG025VERPLEX","RowID":10,"Unit":"stk","Quantity":0},{"Name":"K FlxMT in PV met diameter 008 cm","LineType":0,"ProdID":"PV008KFLXMT","RowID":11,"Unit":"stk","Quantity":0}] 

解决方案

You can send an array of objects by re-defining your resource's save function to specify isArray=true like so:

stukModule.factory('Stuklijsten', ['$resource', function ($resource) {
    return $resource(
        'rest/stuklijsten/:stuklijstID',
        {},
        {
            save: {
                method: 'POST',
                isArray: true
            }
        }
    );
}]);

Then, in your controller, you can assemble the list and save all in one http request (less chatty API):

$scope.saveStuklijst = function(lijst) {
    var some_list = [];
    for(var i = 0; i < lijst.length; i++) {
        lijst[i].RowID = i
        f = new Stuklijsten(lijst[i]); 
        some_list.push({stuklijstID: $routeParams.stuklijstID}); 
    };
    Stuklijsten.save(some_list);

If you wanted to still be able to POST single objects, you could use the same concept to create a saveBulk function to preserve the original save for the single objects.

这篇关于在AngularJs使用$资源保存对象数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！