NullInjectionError réglée autrement que dans le modèle

Bonjour tout le monde,

Après avoir laissé Angular quelques semaines, j'ai repris ce modèle pour me remettre dans le bain :
https://www.codeproject.com/Articles...ular-7-Applica

Ça marche, mais une chose m'intrigue : dans app.module.ts j'ai dû mettre CurrentConditionsService dans les providers, sinon j'obtenais une NullInjectionError (ou NullInjectorError ?), alors que dans le projet modèle, on ne déclare pas ça à cet endroit.

Quelles sont les différentes façons de déclarer un service à injecter ?

En fait, il suffit de chercher "Inject" dans la page mentionnée, et c'est expliqué, au début du service on complète la balise @Injectable :

Code:

---

1 2 3

@Injectable({ providedIn: 'root' })

---

Donc, je reformule ma question : un service peut être rendu disponible pour l'injection dans toute l'application, soit par la balise @Injectable{providedin: 'root'}, soit par sa mention dans la section providers du fichier app.module.ts

Ces deux méthodes sont-elles équivalentes ? En existe-t-il une troisième ?

..service.ts

Code:

---

1 2 3 4 5

@Injectable({ providedIn: 'root' }) ...

---

le fait de mettre 'root' le service est donc disponible de n'importe ou, de n'importe quel module.
(mettre le service 'root" dans le provider d'un module A... cette instance sera donc accessible aux autres modules également)

c'est un peu normal, un service est censé être disponible de partout, de plus, il est un singleton au niveau 'root' (est injecté la même instance aux composants et services qui le demandent)




** si besoin, on peut créer une instance dans un composant (ainsi l'instance sera seulement au niveau de ce composant)

Code:

---

1 2 3 4

@Component({ ... providers: [MyService]})

---

ou

Code:

---

1 2 3 4 5 6 7 8 9 10 11

import {Inject} from @angular/core'; import {MyService} from './my-service';   export class ListManager{ private listService: ListService;   constructor(@Inject(ListService) listService: ListService){ console.log('listService', listService); } }

---

Donc, si je lis bien, la réponse est oui à la première question, et non à la deuxième ?

un service: (pas besoin de module)

Code:

---

1 2 3 4 5 6

@Injectable({ providedIn: 'root' }) export class Stored1Service { ....

---

est équivalent à :

via un module:

Code:

---

1 2	providers: [Stored1Service],

---

un service:

Code:

---

1 2 3 4

// sans injectable export class Stored1Service { ...

---

** un 3ème ?
pas à ma connaissance !


** c'est surtout la notion de singleton qu'il faut bien comprendre

Citation:

---

Envoyé par dukoid

un service: (pas besoin de module)

Code:

---

1 2 3 4 5 6

@Injectable({ providedIn: 'root' }) export class Stored1Service { ....

---

est équivalent à :

via un module:

---

De préférence app.module.ts, pas vrai ?

Citation:

---

Code:

---

1 2	providers: [Stored1Service],

---

un service:

// sans injectable

---

ou ... injectable, mais sans rien dans les parenthèses ?

Citation:

---

Code:

---

1 2 3

export class Stored1Service { ...

---

** un 3ème ?
pas à ma connaissance !


** c'est surtout la notion de singleton qu'il faut bien comprendre

---

OK merci.

Code:

---

1 2 3 4 5

@Injectable({ providedIn: 'root' }) export

---

je prefere ainsi, ça veut dire accessible en root (de partout donc)