Gdzie umieścić funkcje zdefiniowane przez użytkownika w Angular JS?

Question

Moim zdaniem, chcę render:

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

Gdzie say jest zdefiniowany jako takie:

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

mogę zdefiniować go w moim kontrolera:

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

Ale to jest to dostępne tylko w tym kontrolerze.

Jeśli zdefiniuję tę funkcję poza strukturą pliku kątowego, to nic nie wyrenderuje. To samo, jeśli definiuję je w pliku controllers.js, ale poza zakresem funkcji kontrolera.

Gdzie jest właściwe miejsce na umieszczenie mojej funkcji, więc mogę renderować ją w dowolnym kontrolerze?

Answer 1

Jednym ze sposobów jest create a service z funkcjami, które chcesz udostępnić w wielu kontrolerach. Aby uzyskać więcej informacji, patrz this post.

Po to zrobić można wstrzykiwać utworzony w dowolnym kontrolerem usługi i dostęp do funkcji say() z kodem coś takiego:

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

Gdzie zdefiniowane myService jak:

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

Tutaj jest jsFiddle z przykładem.