Skip to content

SoufieneOUERTANI/09-UsingServices-DependencyInjection---services-start

Repository files navigation

ServicesStart

This project was generated with Angular CLI version 17.0.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

112. Creating a Data Service

Simple classe à :
- Créer => accounts.service.ts 
- Déclarer dans *providers:* => seulement dans le père
- Initialiser la donnée dans ngOnInit => seulement dans le père
- A injecter dans le construteur => Partout où on veut l'utiliser
- A mettre à jour ; Partout où ell est injectée(dans le constructeur)

113. Understanding the Hierarchical Injector

Un service s'il est daclaré dans *providers:*, il est hérité par tous les fils. Mais il doit tout de meme etre injecté dans le fils par la déclaration dans le construteur de ce fils. 
Toute fois, s'il est en meme temps déclaré dans *providers:* dans un des fils, la valeur de ce service est ecrasé par une nouvelle instance qui n'est plus celle du père.   

114. How many Instances of Service Should It Be?

# providers: [AccountService] => Seulement dans le père AppComponent, et le service sera hérité par toutes clases child 
# ngOnInit => Seulement dans le père AppComponent, injecter la donnée
# constructor(private accountService : AccountService) => Injection à faire dans toutes les classes voulant utiliser le service

115. Injecting Services into Services

Il faudra penser à ajouter le décorateur @Injectable() au service dasn lequel on utilise un autre service

116. Using Services for Cross-Component Communication

Communication entre deux composants à travers un service partagé

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published