Global Function AngularJS

Global Function AngularJS WIth Factory And Service

by Qudrat Nurfajar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div ng-controller="myCtrl" ng-app="myApp">
<button class="btn btn-default" ng-click="reloadServ()"> Reload Page Service </button>
    <button class="btn btn-default" ng-click="reloadFact()"> Reload Page Factory </button>
    </div>

JavaScript

var app = angular.module('myApp', []);

app.service('globalFunctionService', function() {
    /* Fungsi Reload Page */
    this.reloadPageServ = function() {
        return window.location.reload();
    }
});


app.factory('GlobalFunctionFactory', function() {
    /* Fungsi Reload Page */
    return {
        reloadPageFact : function() {
            return window.location.reload();
        }
    }
});

app.controller('myCtrl', function($scope,globalFunctionService,GlobalFunctionFactory) {
    /*  
        $scope.reload adalah scope dari ng-click="reload()" pada button
        globalFunctionService adalah name service yang dipanggil, dan reloadPage adalah nama fungsi yang berada dalam service globalFunctionService
    */
    $scope.reloadServ = function() { globalFunctionService.reloadPageServ(); }
    
    /*
        $scope.reload adalah scope dari ng-click="reload()" pada button
        GlobalFunctionFactory adalah nama factory yang dipanggil, dan reloadPage adalah nama fungsi yang berada dalam factory GlobalFunctionFactory
    */
    $scope.reloadFact = function() { GlobalFunctionFactory.reloadPageFact() }   
});