如何添加到angularjs中的现有对象

Question

我正在从表单中添加公司名称

$scope.master = {};

运用

$scope.master = angular.copy(cmpy); 
// This gives me result as Object {cname: "Company 2"}

现在在另一个表单上，所有者详细信息，我想只添加到$scope.master 。 我试过push ， concat ，但它们似乎没有用。 如果我再次使用copy ，它只会覆盖现有数据。

Answer 1

如果您使用的是AngularJS版本> = 1.4.0，则可以使用extend功能，如下所示：

angular.extend($scope.master, $scope.ownerDetails);

这会将$scope.ownerDetails （或您获取所有者详细信息的任何位置）中的所有值复制到$scope.master 。

对于小于1.4.0的Angular，您可以解决方法来注入自己的extend方法：

// This code is basically copied from AngualrJS 1.4.0 library
function baseExtend(dst, objs, deep) {
    var h = dst.$$hashKey;

    for (var i = 0, ii = objs.length; i < ii; ++i) {
        var obj = objs[i];
        if (!angular.isObject(obj) && !angular.isFunction(obj)) {
            continue;
        }

        var keys = Object.keys(obj);
        for (var j = 0, jj = keys.length; j < jj; j++) {
            var key = keys[j];
            var src = obj[key];

            if (deep && angular.isObject(src)) {
                if (angular.isDate(src)) {
                    dst[key] = new Date(src.valueOf());
                } else {
                    if (!angular.isObject(dst[key])) {
                        dst[key] = angular.isArray(src) ? [] : {};
                    }
                    baseExtend(dst[key], [ src ], true);
                }
            } else {
                dst[key] = src;
            }
        }
    }
    if (h) {
        dst.$$hashKey = h;
    } else {
        delete dst.$$hashKey;
    }
    return dst;
}

angular.merge = function(dst) {
    var slice = [].slice;
    return baseExtend(dst, slice.call(arguments, 1), true);
};

Answer 2

push和concat用于数组，$ scope.master是一个对象。 要添加另一个键：

$scope.master['owner_details'] = owner_details;

Answer 3

其他答案很好，以编程方式设置主变量，如果这是你想要的（你可能因为你尝试推动等）

但是，如果您提到的“表单”是HTML形式的字段，则可以使用ngmodel将用户详细信息绑定到$ scope.master。 喜欢：

<input type="text" ng-model="master.firstname" />

只是另一种选择。

祝一切顺利。