Angular JS custom Services Example.

Question

Ravi Vishwakarma · Answer

Creating custom services in AngularJS is a way to encapsulate
reusable code, such as business logic, 
data retrieval, or utility functions, making them available across your application.and 
You can create and use custom services using different methods: service,
factory, and provider.
Step 1: Define the AngularJS module and service
var app = angular.module('myApp', []);
app.service('MathService', function() {
    this.add = function(a, b) {
        return a + b;
    };
    this.subtract = function(a, b) {
        return a - b;
    };
});
Step 2: Use the service in a controller
app.controller('MainController', ['$scope', 'MathService', function($scope, MathService) {
    $scope.addition = MathService.add(5, 3);      // 8
    $scope.subtraction = MathService.subtract(5, 3);  // 2
}]);
Step 3: Create the HTML to use the controller
andlt;!DOCTYPE html>
andlt;html ng-app="myApp">
andlt;head>
    andlt;title>Service Exampleandlt;/title>
    andlt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js">andlt;/script>
    andlt;script src="app.js">andlt;/script>
andlt;/head>
andlt;body ng-controller="MainController">
    andlt;p>Addition: {{ addition }}andlt;/p>
    andlt;p>Subtraction: {{ subtraction }}andlt;/p>
andlt;/body>
andlt;/html>
Note
Service: Uses a constructor function to create a singleton service. It’s suitable for simple services.Factory: Returns an object or a function. It’s more flexible than a service.Provider: Provides the most flexibility. It allows configuration during the configuration phase of the application.
and

forum

Angular JS custom Services Example.

Sandra Emily

Can you answer this question?

1 Answers

Liked By