將數組添加到json對象angularjs

Question

我正在嘗試將JSON數組添加到JSON對象。 我的代碼是這樣的

$scope.packageElement = {
    "settings": [
        {
            "showNextPallet": true,
            "isParcelData": false,
            "isFreightData": true,
            "name": 0
        }
    ]
};

dataFromServer = {
    "pData": [
        {
            "PKUNIT": "LP",
            "PKDESC": "LARGE PKG",
            "PKDLEN": 30,
            "PKDWDT": 20,
            "PKDHTG": 20
        }
    ]
};

$scope.packageElement.concat(dataFromServer.pData);

但這會引發錯誤

TypeError: undefined is not a function

在線

$scope.packageElement.concat(dataFromServer.pData);

我想要的輸出是這樣的

var expectedOutPut = {
    "settings": [
        {
            "showNextPallet": true,
            "isParcelData": false,
            "isFreightData": true,
            "name": 0
        }
    ], "pData": [
        {
            "PKUNIT": "LP",
            "PKDESC": "LARGE PKG",
            "PKDLEN": 30,
            "PKDWDT": 20,
            "PKDHTG": 20
        }
    ]
};

誰能指出我在這里做錯了什么？

Answer 1

簡單：

$scope.packageElement.pData = dataFromServer.pData;

$scope.packageElement是一個對象，它沒有concat函數。

或者，更好的選擇是使用angular.extend() ：

var expectedOutPut = angular.extend({}, $scope.packageElement, {'pData': dataFromServer.pData});

這樣，您將復制對象，而不是修改它們。
_{注意：請記住，angular.extend不支持遞歸合並（深度復制）。}