AngularJS Factory: the purpose of Factory is also the same as Service, however in this case we create a new object and add functions as properties of this object and at the end we return this object.
Factories module.factory( 'factoryName', function );
Example
<div ng-app="Myapp">
<div ng-controller="exampleCtrl">
<input type="text" ng-model="num.firstnumber" />
<input type="text" ng-model="num.secondnumber" />
<input type="button" ng-click="Factoryclick()" value="Factoryclick" />
<input type="button" ng-click="servclick()" value="Serviceclick" /> factory result {{facresult}} service result {{secresult}}
</div>
</div>
var myapp = angular.module('Myapp', []);
myapp.controller('exampleCtrl', ['$scope', '$http', 'factories', 'services', function (scope, http, fac, ser)
{
scope.Factoryclick = function ()
{
var firstnumber = parseInt(scope.num.firstnumber);
var secondnumber = parseInt(scope.num.secondnumber);
scope.facresult = fac.sumofnums(firstnumber, secondnumber);
}
scope.servclick = function ()
{
var firstnumber = parseInt(scope.num.firstnumber);
var secondnumber = parseInt(scope.num.secondnumber);
debugger;
scope.secresult = ser.sersumofnums(firstnumber, secondnumber);
}
}]);
myapp.factory('factories', function ($http)
{
return {
sumofnums: function (a, b)
{
return a + b;
}
}
});
myapp.service('services', function ($http)
{
debugger;
this.sersumofnums = function (a, b)
{
return a + b;
};
});