Histórico da Página

...

1. Componentes disponibilizados pelo AngularJS com uma API que nos possibilita a criação de extensões. Para maiores informações, leia as seções O que é um Service?, O que é um Factory? e O que é um Provider?registrar services, factories e providers para compartilhar código de uso comum, reduzir a repetição de código e padronizar regras de negócio.
2. Diretictive customizada que é responsável pela internacionalização. Esta diretiva directive utiliza APIs públicas de diferentes serviços e se comunica com outras directives através de eventos. Para maiores informações, leia a seção O que é uma Directive?.
3. Área onde o desenvolvedor irá trabalhar. Nesta área o desenvolvedor tem acesso a partials, scopes e directives para criar telas CRUD. Esta área interage com componentes customizados através de injeção de dependência e uso de directives em partials. Para maiores informações, leia as seções O que é um Partial?, O que é um Controller? e O que é Scope?.

...

Services são registrados a partir da Module API. Ao registrar um service, dá-se um nome no qual será utilizado para injeção de dependências em quaisquers outros componentes do AngularJS. Abaixo temos um exemplo de como registrar um service e como utiliza-lo através da injeção de dependências.

fooModule.factoryservice('fooService', function() {
    return {
      foo: this.foo = function() {
		console.log('This is foo service printing bar :)');
      }
    };
});
 
fooModule.controller('fooController', ['fooService', function(fooService) {
	
	fooService.foo();
	
}]);

Note a forma que declaramos a função foo no service acima. Internamente, ao declarar um service, a função retornada será instanciada apenas quando necessário (lazy). Esta instanciação dá-se chamando construtor da função através do operador new.

O que é um Factory?

Assim como o service, factories também são objetos que compartilham interfaces públicas de API e são passíveis a injeção de dependências.

Factories são registradas através da Module API . Ao registrar uma factory, dá-se um nome no qual será utilizado para injeção de dependências em quaisquers outros componentes do AngularJS. Abaixo temos um exemplo de como registrar uma factory e como utiliza-la através da injeção de dependências.

fooModule.factory('fooFactory', function() {
    return {
      foo: function() {
		console.log('This is foo factory printing bar :)');
      }
    };
});
 
fooModule.controller('fooController', ['fooFactory', function(fooFactory) {
	
	fooFactory.foo();
	
}]);

Note a forma que declaramos a função foo na factory acima. Internamente, ao declarar uma factory, a função foo já esta instanciada e apenas será executada, diferentemente do service onde uma nova função será instanciada através do operador new.

...