Factory vs Service

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

by mslocum

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<div ng-controller="Ctrl as C">
    <div my-dir></div>
    {{data}}
</div>

<div my-dir></div>

JavaScript

var app = angular.module('myApp', []);
    
app.directive('myDir', function(){
    return {
        template: '<button ng-click="alert()">Directive Button</button>',
        link: function(scope, el, attrs) {
            scope.alert = function() {
                alert('hi');
            };
        }
    }
});


function Ctrl($scope)
{
    $scope.data = "hello world";
}