Un value 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 value de un módulo.A dicho método se pasaremos el nombre y su valor.

Veamos ahora un ejemplo de value.

<!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 del value "miServicioValue" = {{valor}}
  </body>

</html>

var app=angular.module("app",[]);
 
app.value("miServicioValue","Hola mundo");

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

• Línea 3: Se crea el value “miServicioValue” con el valor “Hola mundo”
• Línea 5: Se inyecta el value en el controlador
• Línea 6: Se pone en valor de miServicioValue en la propiedad del $scope.valor

Si ejecutamos el ejemplo veremos en la página HTML el texto:

El valor del value "miServicioValue" = Hola mundo

Al ser un value parece que solo pueda tener valores escalares pero puede tener cualquier cosa como referencias a objetos, referencia a funciones, etc.

Veamos ahora un ejemplo de value con distintos valores.

<!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>

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

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

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

app.value("radio",10);

app.value("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);
}]);

• Línea 2: Se crea una value cuyo valor es un String
• Línea 5: Se crea una value cuyo valor es un Objeto con los métodos sumar y restar
• Linea 14: Se crea una value cuyo valor es un número
• Línea 16: Se crea una value cuyo valor es una función.
• Línea 20: Se inyectan todos los value en el controlador.
• Línea 21: Se guarda el valor del value idioma en la propiedad $scope.idioma.
• Línea 22: Se guarda en $scope.suma el resultado de llamar al método sumar del objeto matematicas_simples que es el valor de dicho value.
• Línea 23: Como el valor del value es una función , llamamos directamente a la función pasandole como argumento el valor 10 del value radio.