根据我的理解,当我在工厂中返回一个被注入到控制器的对象。当在服务中,我使用这个处理对象,不返回任何东西。
我假设服务总是单例的,并且每个控制器中都会注入一个新的工厂对象。然而,正如事实证明的那样,工厂对象也是单例的吗?
演示的示例代码:
var factories = angular.module('app.factories', []);
var app = angular.module('app', ['ngResource', 'app.factories']);
factories.factory('User', function () {
return {
first: 'John',
last: 'Doe'
};
});
app.controller('ACtrl', function($scope, User) {
$scope.user = User;
});
app.controller('BCtrl', function($scope, User) {
$scope.user = User;
});
更改用户时。首先在ACtrl中,结果是那个用户。BCtrl中的first也改变了,例如User is a singleton?
我的假设是一个新的实例被注入到一个带有工厂的控制器中?
“工厂”和“服务”是angular中进行DI(依赖注入)的不同方式。
因此,当我们使用“service”定义DI时,如下面的代码所示。这将创建一个新的“Logger”对象的GLOBAL实例,并将其注入到函数中。
app.service("Logger", Logger); // Injects a global object
当您使用“工厂”定义DI时,它不会创建实例。它只是传递方法,之后消费者必须在内部调用工厂以获取对象实例。
app.factory("Customerfactory", CreateCustomer);
下面是一个简单的图像,直观地显示了“服务”的DI流程与“工厂”的不同之处。
当我们想要根据场景创建不同类型的对象时,应该使用Factory。例如,根据不同的场景,我们想要创建一个简单的“Customer”对象,或者“Address”对象中的“Customer”,或者“Phone”对象中的“Customer”。下面是这一段的详细说明
当我们有实用程序或共享函数被注入,如实用程序,记录器,错误处理程序等时,应该使用服务。
生活的例子
" Hello world "的例子
与工厂/服务/供应商:
var myApp = angular.module('myApp', []);
//service style, probably the simplest one
myApp.service('helloWorldFromService', function() {
this.sayHello = function() {
return "Hello, World!"
};
});
//factory style, more involved but more sophisticated
myApp.factory('helloWorldFromFactory', function() {
return {
sayHello: function() {
return "Hello, World!"
}
};
});
//provider style, full blown, configurable version
myApp.provider('helloWorld', function() {
// In the provider function, you cannot inject any
// service or factory. This can only be done at the
// "$get" method.
this.name = 'Default';
this.$get = function() {
var name = this.name;
return {
sayHello: function() {
return "Hello, " + name + "!"
}
}
};
this.setName = function(name) {
this.name = name;
};
});
//hey, we can configure a provider!
myApp.config(function(helloWorldProvider){
helloWorldProvider.setName('World');
});
function MyCtrl($scope, helloWorld, helloWorldFromFactory, helloWorldFromService) {
$scope.hellos = [
helloWorld.sayHello(),
helloWorldFromFactory.sayHello(),
helloWorldFromService.sayHello()];
}
有一段时间我有这种困惑,我在这里尽我所能提供一个简单的解释。希望这对你有所帮助!
Angular .factory和Angular .service都用于初始化服务,工作方式相同。
唯一的区别是您想如何初始化您的服务。
两人都是单身人士
var app = angular.module('app', []);
工厂
App.factory(<服务名>,<函数返回值>)
如果您希望从具有返回值的函数初始化服务,则必须使用此工厂方法。
e.g.
function myService() {
//return what you want
var service = {
myfunc: function (param) { /* do stuff */ }
}
return service;
}
app.factory('myService', myService);
当注入这个服务时(比如你的控制器):
Angular会调用给定的函数(如myService())来返回对象
单例——只调用一次,存储,传递同一个对象。
服务
App.service(<服务名称>,<构造函数>)
如果希望从构造函数初始化服务(使用此关键字),则必须使用此service方法。
e.g.
function myService() {
this.myfunc: function (param) { /* do stuff */ }
}
app.service('myService', myService);
当注入这个服务时(比如你的控制器):
Angular会新建给定的函数(如new myService())来返回该对象
单例——只调用一次,存储,传递同一个对象。
注意:如果你使用factory函数和<构造函数>,或者使用service函数和<函数和返回值>,它将不起作用。
示例- DEMOs
Angular服务vs工厂
Angular服务vs工厂(带路由)