Factory vs Service

angularjs factory vs service do the same thing, just a different way of instantiation

by LONGSHENG ZHOU

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc9.js"></script>
<div ng-controller="HelloCtrl">
    <p>{{fromService}}</p>
    <p>{{fromFactory}}</p>
</div>
<br />
<div ng-controller="GoodbyeCtrl">
    <p>{{fromService}}</p>
    <p>{{fromFactory}}</p>
</div>

JavaScript

//angular.js example for factory vs service
var app = angular.module('myApp', []);
    
app.factory('testFactory', function(){
    return {
        sayHello: function(){
    	var i = 100;
      var values = [];
    	while(i > 0 ){
       values.push(i);
       i--;
      }
       return values;
    } 
    }               
});

app.service('testService', function(){
    this.sayHello= function(){
    	var i = 100;
      var values = [];
    	while(i > 0 ){
       values.push(i);
       i--;
      }
       return values;
    };          
});

function HelloCtrl($scope, testService, testFactory)
{
    $scope.fromService = testService.sayHello();
    $scope.fromFactory = testFactory.sayHello();
}

function GoodbyeCtrl($scope, testService, testFactory)
{
    $scope.fromService = testService.sayHello();
    $scope.fromFactory = testFactory.sayHello();
}