Factory vs Service

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

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc9.js"></script>
<script src="&lt;link href=&quot;http://twitter.github.com/bootstrap/assets/css/bootstrap.css&quot; rel=&quot;stylesheet&quot;&gt;"></script>
<div ng-controller="ServiceCtrl">
    <p> This is my countService variable : {{count}}</p>
    <input type="number" ng-model="count">
    <p> This is my updated after click variable : {{countS}}</p>
    
    <button ng-click="clickC()" >Controller ++ </button>
    <button ng-click="chkC()" >Check Controller Count</button>
    </br>
        
    <button ng-click="clickS()" >Service ++ </button>
    <button ng-click="chkS()" >Check Service Count</button>
</div>

JavaScript

//angular.js example for factory vs service
var app = angular.module('myApp', []);
    
app.service('testService', function(){
    var count = 10;
    function incrementCount() {
      count++;
      return count;
    };
    
    function getCount() { return count; }
    
    return {
        get count() { return count },
        set count(val) {
            count = val;
        },
        getCount: getCount,
        incrementCount: incrementCount
    }
    
});

function ServiceCtrl($scope, testService)
{
    
    Object.defineProperty($scope, 'count', {
        get: function() { return testService.count; },
        set: function(val) { testService.count = val; },
    });
    
    $scope.clickC = function () {
       $scope.count++;
    };
    $scope.chkC = function () {
        alert($scope.count);
    };
    
    $scope.clickS = function () {
       ++testService.count;
    };
    $scope.chkS = function () {
        alert(testService.count);
    };

}