Dove inserire le funzioni definite dall'utente in Angular JS?

Question

A mio avviso, voglio rendere:

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

Dove say è definito come tale:

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

posso definire nel mio controller:

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

ma poi è accessibile solo all'interno di quel controller.

Se definisco la funzione al di fuori della struttura del file Angolare, non restituisce nulla. Lo stesso se lo definisco nel mio file controllers.js, ma al di fuori dell'ambito della funzione controller.

Dove è il posto giusto dove inserire la mia funzione, così posso renderlo in qualsiasi controller?

Answer 1

Un modo è quello di create a service con le funzioni che si desidera condividere tra più controller. Vedi this post per maggiori informazioni.

Dopo lo fate in modo da poter iniettare il servizio creato in qualsiasi controller e accedere alla funzione say() con il codice di qualcosa di simile:

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

Dove definito myService come:

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

Qui è un jsFiddle con un esempio.