3.7 service

Hemos visto por ahora 2 tipos de servicio , las constant y los value. En ambos casos le pasábamos directamente el valor que debía tener el servicio. Con el tipo service ¹⁾ le debemos pasar una clase ²⁾ JavaScript y será AngularJS el que cree internamente una instancia de la clase.

Lo veremos mas claro con el siguiente ejemplo:

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

function Cuadrado() {

  this.setAncho=function(ancho) {
    this.ancho=ancho;
  }
  
  this.setAlto=function(alto) {
    this.alto=alto;
  }  
  
  this.getArea=function() {
    return this.ancho * this.alto;
  }
}

app.service("cuadrado",Cuadrado);


app.controller("PruebaController",["$scope","cuadrado",function($scope,cuadrado) {
  cuadrado.setAncho(3);
  cuadrado.setAlto(6);
  
  $scope.area=cuadrado.getArea();
}]);