Hasta ahora hemos visto como usar varios tipos de servicios pero pasemos ahora a crear nuestros propios servicios.

Como ya dijimos al principio de esta unidad realmente hay 5 tipos de servicios que son:

• constant
• value
• service
• factory
• provider: Se puede pensar que son dos tipos el propio provider y el factory asociado (que llamaremos factory-provider)

Las diferencias entre ellos en muchos tutoriales no acaban de estar claras o no se especifica cuando usar uno u otro. En lo que queda de unidad trataremos de explicar las diferencias entre todas ellas.Aunque la diferencia principal entre ellos es donde se pueden inyectar mientras se inicializa la aplicación.

La siguiente tabla indica donde pueden inyectar o donde no inyectar cada uno de los servicios al iniciar la aplicación.

Una vez iniciada la aplicación, cualquiera de ellos , excepto el provider, ya se puede inyectar en cualquier otro artefacto como un controlador, directiva , etc.

El siguiente diagrama de actividad explica los pasos que realiza AngularJS al iniciar una aplicación.

• Actividad 1: Se puede ver como lo primero que se hace es inicializar las constant, por lo tanto éstas se pueden inyectar en cualquier sitio.
• Actividad 2: Seguidamente se crean los provider
• Actividad 3: Se llaman a los bloques config. Por lo tanto en un bloque config se puede inyectar tanto una constant como un provider. En un bloque config lo que se hace es configurar los provider. Una vez acabado de ejecutarse los bloques config ,
• Actividad 4: Ahora es cuando se llama a todos los servicios normales que son los value , service , factory y factory-provider. En este punto los provider no están accesibles al estar ya estaban configurados solo se tiene acceso a los factory-provider correspondientes a sus provider.
• Actividad 5: Se llama al bloque run para inicializar la aplicación teniendo acceso a todo excepto los provider

Uncaught Error: [$injector:cdep] Circular dependency found: s1 <- s2 <- s1