Ir al contenido principal

AngularJS: Services

Services

TYPE of Services



SetTimeout & setInterval

Using functions










Using services

In the JS file use it as:
   $interval (  functionName, 2000 );



$timeout.cancel(<fuction>)





UI Services

$location -> moves to a specific ID element
$anchorScroll -> moves the web pages to a specific part

Ex. 
      $location.hash( "IDelement" );
      $anchorScroll();
       

Register a Service



Custom services

In another file
  • Create the services using a IIFE function

( function() {

var github = function(){

     var getUser = function(user ){

     };

      var anotherFunction = function(){

     };


     return{
           getUser : getUser ,
           anotherFunction:  anotherFunction ;
     };

}; // End of the service


  • Invoke the module where the service will be used
  • This line should be in the IIFE function
     var module = angular.module( " moduleName " );

  • Register the service

       module.factory( "github", github );


}());


Implementing Service in Controller

var mainController = function($scope, $http, github ) {
$scope.title = mainService.main.title;
}



$resource


  • To request Restful web services
In the Service


(function() {
var app = angular.module('app');
app.factory("performanceLevelService", function($resource, $http) {
var restPerformanceLevel = $resource('/api/v1/performanceLevel/:id', {
id : '@id'
}, {
'update' : {
method : 'PUT'
}
}
);
return {
getEvaluation : function(id) {
return restPerformanceLevel.get({
id : id
});
}
}
});
}());

In the Controller

$scope.performanceLevelService = performanceLevelService .getEvaluation(evaluationService.js);


  • To write in the disk


var resource = $resource('/data/event:id', {id: '@id'} )

  • id is part of the attributes of event
resource.save(event);








$anchorScroll

Go to an specific ID element putting in the URL   ##<Id>

$anchorScroll();



$cacheFactory


app.factory('mycache', function($cacheFactory){
      return $cacheFactory('mycache', {capacity:3});
  • or withour any limit
     return $cacheFactory('mycache');
})


  • In the controller
app.controller('MyCacheController', function CacheSample($scope){
     
       $scope.addToCache = function(key, value){
           mycache.put(key, value);
     };


    $scope.readCache = function(key){
           mycache.get(key);
     };


    $scope.getCacheStatus = function(key, value){
           mycache.info();
     };



});



Exceptions


  • In the service
app.factory('MyException', function(){

    return function (exception){
          console.log('Error in ' + exception.message);
   };

})

  • In the controller

throw {message : 'error message'}


$cookieStore


$cookieStore.put(key, value);

$cookieStore.get(key);

$cookieStore.remove(key);



$rootScope

Can be used to put global variables, it contains all the $scope created by any controller



$window

$document

$rootElement


















Comentarios

Publicar un comentario

Entradas populares de este blog

Python create package

Create a root folder Create a sub-folder "example_pkg" that contains the funtionallity packaging_tutorial/ example_pkg/ __init__.py In the root folder create the following structure  packaging_tutorial/ example_pkg/ __init__.py tests/ setup.py LICENSE README.md in the setup.py contains the configuration of the packages your package is found by find_packages() import setuptools with open ( "README.md" , "r" ) as fh : long_description = fh . read () setuptools . setup ( name = "example-pkg-YOUR-USERNAME-HERE" , # Replace with your own username version = "0.0.1" , author = "Example Author" , author_email = "author@example.com" , description = "A small example package" , long_description = long_description , long_description_content_type = "text/markdown" , url = "https://github.com/pypa/sam...
Publicar un comentario
Leer más

Rails - Basic Steps III

pValidations Validations are a type of ActiveRecord Validations are defined in our models Implement Validations Go to   root_app/app/models Open files  *.rb for each model Mandatory field validates_presence_of   :field Ex:   validates_presence_of    :title Classes The basic syntax is class MyClass        @global_variable                def my_method              @method_variable        end end Create an instance myInstance = MyClass.new Invoke a mehod mc.my_method class() method returns the type of the object In Ruby, last character of method define the behavior If ends with a question -> return a boolean value If ends with an exclamation -> change the state of the object Getter / Setter method def global_variable       return @global_variable end ...
Publicar un comentario
Leer más

Android - Basic Steps (Service)

Service Run in the main thread of the hosting application Android can kill the Service if need the resources Purpose Supporting inter-application method execution Performing background processing Start a Service Call Context.startService(Intent intent)\ To call from a Fragment use getActivity().getApplicationContext().startService( intentService); Executing the service After call startService(...)  In the Service is executed the method onStartCommand(...) If the method returns the constant START_NOT_STICKY then Android will not restart the service automatically if the the process is killedp Foreground To execute the service foreground call the method startForeground() Use this if the user is aware of the process Bind to a Service Call the method Context.bindService( Intent service ServiceConnection con int flags ) Send Toast from the Service On the method onStartCommand receive the message   ...
Publicar un comentario
Leer más