Angular service, factory, provider

playground

by Kyrylo Slatin

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular-resource.js"></script>
<div ng-controller="ctrl">

    <input type="button" id="btn" ng-click="job()" value="Service job"/> 
</div>

JavaScript

angular.module('app', ['ngResource']);
    function service(){
this.$get = function(){return 'provider';}
        return 'prov';
    }
    service.prop = 'pr';
    service.prototype.doJob = function(){
        console.log('job');
    }
angular.module('app').provider('srv', service);
angular.module('app').controller('ctrl', function ($scope, srv) {
    $scope.selectLabel = 'Select All';
    $scope.job = function(){
        srv.doJob();
    }
});
angular.bootstrap(document, ['app']);