¿Dónde ubicar las funciones definidas por el usuario en Angular JS?

Question

En mi opinión, quiero hacer:

<p> 
    {{ say() }} 
</p> 

Dónde say se define como tal:

say = function() { 
    return "Hello World"; 
} 

puedo definirlo en mi regulador:

function TestCtrl($scope) { 
    $scope.say = function() { ... }; 
} 

Pero entonces es solo accesible dentro de ese controlador.

Si defino la función fuera de la estructura de archivos Angular, no muestra nada. Lo mismo si lo defino en mi archivo controllers.js, pero fuera de un ámbito de función de controlador.

¿Dónde está el lugar adecuado para poner mi función, así que puedo representarla en cualquier controlador?

Answer 1

Una forma es create a service con las funciones que desea compartir en varios controladores. Ver this post para más información.

Después de hacerlo, puede inyectarse el servicio que creó en cualquier controlador y acceder a la función say() con el código de algo como esto:

function TestCtrl($scope, myService){ 
    $scope.say = myService.say; 
} 

Cuando haya definido myService como:

angular.module('myApp', []) 
    .factory('myService', function() { 
     return { 
      say: function() { 
       return "Hello World"; 
      } 
     } 
    }); 

Aquí es un jsFiddle con un ejemplo.