在angularjs中连接两个范围模型

Question

您好，我正在尝试连接两个由 html 表单值绑定的模型。我的最终目标是为 POST 请求创建一个嵌套的 JSON 对象。我尝试使用下面的DeepExtend 方法，但它仅适用于非 $scope 对象。我真的很想知道为什么会这样。

这是我在这个问题上的尝试

as.factory('model1', [
    function () {
        return {
            Header1: {
                code: '',
                name: '',
                type: ''

            }
        };

    }
]);


as.factory('model2', [
    function () {
        return {
            Header2: {
                code2: '',
                name2: '',
                country: ''
            }
        };

    }
]);

as.controller('cntrl', function ($scope, $http, i18n, $rootScope, model1, model2) {

    function deepObjectExtend(target, source) {
        for (var prop in source)
            if (prop in target)
                deepObjectExtend(target[prop], source[prop]);
            else
                target[prop] = source[prop];
        return target;
    }

    var result = deepObjectExtend($scope.mdoel1, $scope.model2);
    $rootScope.resultString = angular.toJson(result);
    console.log($rootScope.resultString);
});

我的最终结果应该是：

Header1: {
        code:'123',
        name: '321',
        type:'123'               
       },
Header2: {
        code2:'123' ,
        name2: '123',
        country: '123'
       }

Answer 1

似乎您想从两个模型中创建一个新对象。

如果是这样，你可以这样做：

var result={}
 angular.extend(result, $scope.model1, $scope.model2);