What is a Factory method in AngularJS?

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;
    };
    });  

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

About Mallikarjun A