angularjs - 将公共属性从一个对象复制到另一个对象

Question

我有一个这样的控制器：

CheckoutController = function() {
    $scope.Profile = {
        firstname : 'Ruchir',
        middlename : 'Shakun',
        lastname : 'Gupta',
        email : 'ruchir@example.com',
        cellphone : '9876543210'
    }

    $scope.BillingDetails = {
        firstname : undefined,
        middlename : undefined,
        lastname : undefined,
        addressline : undefined,
        city : undefined,
        zipcode : undefined
    }

    $scope.update = function() {
        // I want to write some awesome code here as explained below
    }
}

现在，在$scope.update 函数中；我想写一些应该从$scope.Profile复制“只有公共属性”的东西，即firstname、middlename和lastname。

我试过 angular.copy 和 angular.extend 但是，

• angular.extend 合并 $scope.BillingDetails 和 $scope.Profile。 所以我在$scope.BillingDetails 中得到email 和cellphone 属性 好吧——我不想要的。

• angular.copy 覆盖 $scope.BillingDetails 我输了addressline, city 和 zipcode 来自 $scope.BillingDetails——我不想要的。

我想要我的 update 函数做的是它应该使 $scope.BillingDetails 等于下面的对象：

{
    firstname : 'Ruchir',
    middlename : 'Shakun',
    lastname : 'Gupta',
    addressline : undefined,
    city : undefined,
    zipcode : undefined    
}

这个场景只是一个例子。为了缩短我的问题的长度，我只提到了 5-6 个属性。事实上，我必须处理 20 多个属性，而且都是动态的。因此，将 firstname、middlename 和 lastname 从 Profile 复制到 BillingDetails 的一对一属性对我不起作用。 我能做什么？

Answer 1

简单。只需像这样分配它们：

$scope.update = function() {
    $scope.BillingDetails.firstname = $scope.Profile.firstname;
    $scope.BillingDetails.middlename = $scope.Profile.middlename;
    $scope.BillingDetails.lastname = $scope.Profile.lastname;
}

我真的想不出更直接的方法来将几个属性从一个对象复制到另一个对象。

由于你需要复制超过 3 个属性，你可以试试这个：

$scope.update = function() {
    // Add the properties you want to copy to this array.
    var properties = ['firstname', 'middlename', 'lastname'];
    for(var i = 0; i < properties.length; i++){
         $scope.BillingDetails[properties[i]] = $scope.Profile[properties[i]];
    }
}

或者，将数组作为参数传递：

$scope.update = function(properties) {
    for(var i = 0; i < properties.length; i++){
         $scope.BillingDetails[properties[i]] = $scope.Profile[properties[i]];
    }
}

$scope.update(['firstname', 'middlename', 'lastname']);

Answer 2

实际上，您尝试使用 Profile 的值更新 BillingDetails，因为它们具有共同的属性，对吗？

如果您可以使用null 而不是undefined 更改BillingDetails 的默认值，您可以尝试以下代码：

$scope.BillingDetails = {
    firstname : null,
    middlename : null,
    lastname : null,
    addressline : null,
    city : null,
    zipcode : null
}

$scope.update = function() {
    for(var key in $scope.Profile) {
        if(typeof $scope.BillingDetails[key] !== 'undefined') {
            $scope.BillingDetails[key] = $scope.Profile[key];
        }
    }
}

Answer 3

你可能会遇到这样的事情：

$scope.update = function() {
  _update($scope.Profile, $scope.BillingDetails);
}

function _update(srcObj, destObj) {
  for (var key in destObj) {
    if(destObj.hasOwnProperty(key) && srcObj.hasOwnProperty(key)) {
      destObj[key] = srcObj[key];
    }
  }
}

plunker