3.5 constant [Curso de AngularJS y REST]

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.

====== 3.5 constant ======
Una ''constant'' es un servicio al que le pasamos directamente el valor de dicho servicio. Su principal característica es que se puede inyectar en cualquier sitio. Se define llamando al método ''constant'' de un módulo.A dicho método se pasaremos el nombre de la constante y su valor.

Veamos ahora un ejemplo de ''constant''.

<sxh html;title:index.html>
<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="PruebaController">
    El valor de la constante "miServicioConstante" = {{valor}}
  </body>

</html>
</sxh>

<sxh js;title:script.js;highlight: [3,5,6];>
var app=angular.module("app",[]);
 
app.constant("miServicioConstante","Hola mundo");

app.controller("PruebaController",["$scope","miServicioConstante",function($scope,miServicioConstante) {
  $scope.valor=miServicioConstante;  
}]);

</sxh>

  * Línea 3: Se crea la constante "miServicioConstante" con el valor "Hola mundo"
  * Línea 5: Se inyecta la constante en el controlador
  * Línea 6: Se pone en valor de la constante en la propiedad del ''$scope.valor''

Si ejecutamos el ejemplo veremos en la página HTML el texto: 
  El valor de la constante "miServicioConstante" = Hola mundo
  
===== Posibles valores =====
Al ser una constante parece que solo pueda tener valores escalares pero puede tener cualquier cosa como referencias a objetos, referencia a funciones, etc.

===== Ejemplo =====
Veamos ahora un ejemplo con distintos valores de constantes.

<sxh html;title:index.html>
<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="PruebaController">
    idioma = {{idioma}}
    <br>
    suma de 3 + 6 = {{suma}}
    <br>
    area = {{area}}
  </body>
</html>
</sxh>

<sxh js;title:script.js>
var app=angular.module("app",[]);

app.constant("idioma","es-es");



app.constant("matematicas_simples",{
  sumar:function(a,b) {
    return a+b;
  },
  restar:function(a,b) {
    return a-b;
  }
});

app.constant("radio",10);

app.constant("area",function(radio) {
  return 3.1416*radio*radio;
})

app.controller("PruebaController",["$scope","idioma","matematicas_simples","radio","area",function($scope,idioma,matematicas_simples,radio,area) {
  $scope.idioma=idioma;
  $scope.suma=matematicas_simples.sumar(3,6);
  $scope.area=area(radio);
}]);
</sxh>

unidades/03_servicios/05_constant.1406556859.txt.gz · Última modificación: 2014/07/28 16:14 por admin

Ir hasta arriba