传递给函数时对象为空的 JavaScript 数组

Javascript array in object empty when passed to function

本文关键字：JavaScript 数组 对象 函数      更新时间：2023-09-26

我有一个网页，点击"编辑"时会打开一个模态页面。情况：使用Angular JS ng-repeat，我显示了一个名为customer的对象列表;

<div class="col-sm-6" ng-repeat="Cust in Customers | filter: filterCustomers">
//code omitted for clarity
<buton class="btn btn-default btn-xs" ng-click="openEditDialog(Cust);">Edit<i class="fa fa-pencil pull-right"></i></buton>

对象客户以这种方式设置;

{
"ID" : 1,
"Name" : "Test",
"City" : "Test",
"CountryCode" : "NLD",
"CurrencyCode" : "EUR",
"empAgencies" : [{
        "ID" : 1,
        "Name" : "Test",
        "NumberOfEmployees" : 0,
        "customers" : []
    }, {
        "ID" : 2,
        "Name" : "Test1",
        "NumberOfEmployees" : 0,
        "customers" : [{
                "ID" : 4,
                "Name" : "TestC",
                "City" : "Test",
                "CountryCode" : "NLD",
                "CurrencyCode" : "EUR",
                "empAgencies" : []
            }
        ]
    }
]
}

请注意，客户<->EmpAgency是我的MVC中的多对多关系，我不知道这是否与问题有关。问题出在打开编辑对话框（Cust）;功能

 function openEditDialog(Cust) {
         $scope.editedCustomer = Cust;
         console.log($scope.editedCustomer);
         $uibModal.open({
             templateUrl: 'scripts/spa/customer/editCustomerModal.html',
             controller: 'editCustomerCtrl',
             scope: $scope
         }).result.then(function ($scope) {
             search($scope.page);
         }, function () {
             search($scope.page);
         });
     }

以下对象将传递给此函数：

Object {ID: 1, Name: "Test", City: "Test", CountryCode: "NLD", CurrencyCode: "EUR"…}
//omitted
empAgencies:Array[0]

如您所见，由于某种原因，包含 empAgents 的数组被清空了。因此，我的下拉框选择的属性未正确填充。（包含 empAgents 的完整列表）

只需从回调中删除$scope：

         }).result.then(function () {
             search($scope.page);
         }, function () {
             search($scope.page);
         });
     }

我已经找到了解决方案;我在模态页面上的下拉框有一个新的 empAgency 列表。我的ng-model是编辑的Customer.empAgents。由于我的下拉框中未选择任何内容，因此客户对象会自动丢失其值。

我仍然需要看看我将如何解决这个问题才能在我的选择权中获得选定的值。

（编辑）我通过以下方式解决了这个问题;因为这是一个多对多的关系，所以我必须使数组相同：

   var array = new Array();
    for (var i = 0; i < $scope.AgencyDropDown.length; ++i) {
        array.push({
            ID : $scope.AgencyDropDown[i].ID,
            Name : $scope.AgencyDropDown[i].Name
        });
    }
    $scope.AgencyDropDownSubSet = array;
    var array1 = new Array();
    for (var i = 0; i < $scope.editedCustomer.empAgencies.length; ++i) {
        array1.push({
            ID : $scope.editedCustomer.empAgencies[i].ID,
            Name : $scope.editedCustomer.empAgencies[i].Name
        });
    }
    $scope.editedCustomer.empAgencies = array1;

现在对象相同，所选项目将被正确填充。即使我向empAgency添加新变量，此选择框也将继续工作。

相关文章：