AngularJS Provider

In AngularJS services can be created using service, factory and provider. Service object contains few useful functions that you can call from Controllers, Directive and Filters etc.

A provider is used to create a configurable service object and returns value by using $get() function.

Syntax

app.provider('configurableService', function () {
});
app.config(function (configurableService) {
});

AngularJS Provider Example

<html>  
<head> <!-- www.techstrikers.com -->  
<title>My first AngularJS Provider code</title>  
<Script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">  
</script>  
<Script>  
//Defining Provider  
var app = angular.module('app', []);  
  
//defining provider
 app.provider('configurable', function () {
  var resultMul = 0;
   
 this.Multiply = function (a,b) {
   resultMul = (a * b);
 };
   this.$get = function () {
   return { name: resultMul };
   };
 });

 //configuring provider
 app.config(function (configurableProvider) {
   configurableProvider.Multiply(2,2);
 });
 
app.controller('CalculatorController', function($scope,configurable) { 
   $scope.doMultiply = function() {   
        $scope.answer = configurable.name;   
    };
});  
</script>  
</head>  
<body style="background-color:#DDE4E9;">  
<fieldset style="background-color:#DDE4E9;">        
    <legend>AngulerJS Provider Example</legend>     
<div ng-app="app">  
    <div ng-controller="CalculatorController">  
        <button ng-click="doMultiply()">Multiply</button><br/>
      <p style="font-family:Arial;color:yellow;background:steelblue;padding:3px;width:350px;"> 
        Answer : {{answer}}</p> 
    </div>  
</div>  
  
</div>
        </fieldset> 
</body>  
</html>

See Live Example

« Previous

AngularJS Code Examples

AngularJS Live Demo

ASP.NET Code Examples

Javascript Code Examples

Interview Q & A

Google MAP API Live Demo

Google MAP API Code Examples

Utility Tools

Articles

Angularjs Tutorials

Angularjs References

Angularjs Examples

AngularJS Provider

AngularJS Provider Example

Recent Articles