AngularJS工厂可能会注入其他工厂

Question

以下是我拥有的3个角工厂：

angular.module('myApp', []); 
angular.module('myApp').factory('**ClassA**', function() {
    return {
        object: {"id":-1, "name": "abc"}
    };
});

angular.module('myApp').factory('**ClassB**', function() {
    return {
        object : {"city":"cc","state":"NJ"} 
          };
});

angular.module('myApp').factory('**ClassAB**', function() {
    return {
        object:{ 
            ClassA: {"id":-1, "name":"pqr"},
            ClassB: {"city":"aa", "state":"NY"}
        }
    };
});

有没有一种方法可以包括或引用ClassA和ClassB，这样我就不必再次重复代码了。类似这样的操作将NOT将数据传回ClassA或ClassB。

angular.module('myApp').factory('**ClassAB**', function(ClassA, ClassB){
    return {
        object:{ 
            "ClassA": ClassA.object,
            "ClassB": ClassB.object
        }
    };
});

我不希望数据绑定到A类或B类，只希望在控制器中绑定类引用，当我说：时

angular.module('myApp').controller('MyController', function($scope, $filter, ClassA, ClassB, ClassAB) {
    console.log("ClassA before:" +ClassA.object.name);
    ClassAB.object.classA.name="xyz";
    console.log("ClassAB :"ClassAB.object.ClassA.name);
    console.log("ClassA after:"ClassA.object.name);
}

我得到：

ClassA before: abc 
ClassAB : xyz
ClassA after: xyz

我想看看这样的东西：

ClassA before: abc
ClassAB : xyz
ClassA after: abc

Answer 1

服务和工厂在Angularjs中是单例的，它们是通过引用传递的。

所以，如果你不想更改ClassA对象，只需复制它们，然后修改它们。

angular.module('myApp').controller('MyController', function($scope, $filter, ClassA, ClassB, ClassAB) {
    console.log("ClassA before:" +ClassA.object.name);
    var obj = ClassAB.object.classA.copy();
        obj.name = "xyz";
    //use temp_name as you want 
    console.log("ClassAB :"ClassAB.object.ClassA.name);
    console.log("ClassA after:"ClassA.object.name);
}

这会给你

ClassA before: abc
ClassAB : xyz
ClassA after: abc

Answer 2

我想您需要更仔细地选择工厂公开的内容。也许可以使用setter和getter，而不是直接公开对象，因为它是一个单例。似乎您想要从ClassA和ClassB得到的只是ClassAB的起始值。也许这种方法对你更有效：

工厂

angular.module('myApp', []); 
angular.module('myApp').factory('ClassA', function() {
    // "private" variable
    var defaults = {"id":-1, "name": "abc"};
    return {
        get: function(){return defaults;},
        set: function(obj){defaults = obj;}
    };
});

angular.module('myApp').factory('ClassB', function() {
    var defaults = {"city":"cc","state":"NJ"};
    return {
        get: function(){return defaults;},
        set: function(obj){defaults = obj;}
    };
});

angular.module('myApp').factory('ClassAB', function(ClassA,ClassB) {
    return {
        object:{ 
            ClassA: ClassA.get(),
            ClassB: ClassB.get()
        }
    };
});

控制器

angular.module（'myApp'）.controller（'MyController'，function（$scope，$filter，ClassA，ClassB，ClassAB）｛

console.log("ClassA before:" +ClassA.get().name); // abc
ClassAB.object.classA.name="xyz";
console.log("ClassAB :"ClassAB.object.ClassA.name); // xyz
console.log("ClassA after:"ClassA.get().name); // abc

}