根据我的理解,当我在工厂中返回一个被注入到控制器的对象。当在服务中,我使用这个处理对象,不返回任何东西。
我假设服务总是单例的,并且每个控制器中都会注入一个新的工厂对象。然而,正如事实证明的那样,工厂对象也是单例的吗?
演示的示例代码:
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?
我的假设是一个新的实例被注入到一个带有工厂的控制器中?
这将是理解服务Vs工厂Vs提供商的最佳和简短的答案
来源:https://groups.google.com/forum/ !味精/角度/ 56 sdorweoqg / HuZsOsMvKv4J
这里本说的演示http://jsbin.com/ohamub/1/edit?html,output
“代码中有一些注释说明了主要的差异,但我将在这里展开一点。作为说明,我只是在思考这个问题,所以如果我说错了什么,请告诉我。
服务
语法:模块。service('serviceName',函数);
结果:当将serviceName声明为可注入参数时,你将得到传递给module.service的实际函数引用。
使用方法:可以通过简单地将()附加到注入的函数引用来共享有用的实用程序函数。也可以用injectedArg运行。调用(这个)或类似的方法。
工厂
语法:模块。factory('factoryName',函数);
结果:当将factoryName声明为一个可注入参数时,你将得到通过调用传递给module.factory的函数引用返回的值。
用法:可能用于返回一个'class'函数,然后可以重新创建实例。
供应商
语法:模块。provider('providerName',函数);
结果:当将providerName声明为一个可注入参数时,您将获得通过调用传递给module.provider的函数引用的$get方法返回的值。
用途:可能用于返回一个'类'函数,然后可以重新创建实例,但在注入之前需要某种配置。也许对跨项目可重用的类有用?这一点还不太清楚。”
本
以下是主要的区别:
服务
语法:模块。service('serviceName',函数);
结果:当将serviceName声明为可注入参数时,你将得到传递给module.service的函数实例。
使用方法:可以通过简单地将()附加到注入的函数引用来共享有用的实用程序函数。也可以用injectedArg运行。调用(这个)或类似的方法。
工厂
语法:模块。factory('factoryName',函数);
结果:当将factoryName声明为一个可注入参数时,你将得到通过调用传递给module.factory的函数引用返回的值。
用法:可能用于返回一个'class'函数,然后可以重新创建实例。
也可以查看AngularJS的文档和类似的关于stackoverflow混淆服务和工厂的问题。
下面是使用服务和工厂的示例。阅读更多关于AngularJS服务vs工厂的内容。
有一段时间我有这种困惑,我在这里尽我所能提供一个简单的解释。希望这对你有所帮助!
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工厂(带路由)
生活的例子
" 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()];
}