O uso de um service
ou factory
são as melhores escolhas, pois você pode incorporá-los ao controller
facilmente.
O esqueleto de um service
é simples:
//Criando o service
angular.module('services', [])
.service('meuService', function() {
var valor1 = '1';
this.metodo1 = function () {
alert('Função' + valor1);
}
});
//Fazendo uso do service
angular.module('controllers', [])
.controller('meuController', function ($scope, meuService) {
$("button").click = function () {
meuService.metodo1();
};
});
O esqueleto de um factory
já é diferente:
//Criando o service por factory
angular.module('services2', [])
.factory('meuService2', function () {
var service.valor = '1';
service.funcao = function () {
alert('Função');
};
return service;
});
//Fazendo uso do service
angular.module('controllers2', [])
.controller('meuController2', function ($scope, meuService2) {
$scope.fun1 = function () {
meuService2.funcao();
};
}