Bonjour à tous,
Je m'interroge sur la bonne façon d'afficher un message d'erreur dans mon application quand une requête vers l'API échoue.
J'ai un service qui me permet de requêter mon api.
Plusieurs composants (équivalent à des pages dans mon cas) utilise ce service. Par exemple :
J'aimerais donc au niveau de chaque composant pouvoir déclencher l'affichage d'un message d'erreur. Dans l'idéal j'aimerais ne pas avoir un dupliquer un div dans l'html de mes composants qui afficherais le messages.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29 export class StatusComponent implements OnInit { private api: ApiService; ngOnInit() { this.fetchDatas(); } fetchDatas() { this.api.getSystemStatus().subscribe( datas => { //Traitement des données }, error => { let code = parseInt(error.status, 10); if (code == 403) { this.api.clear(); this.router.navigateByUrl('/login'); } else { console.error("Can't fetch System status : " + error.statusText); //Afficher message d'erreur "global" } } ); } }
Faut il que je créer un composant "MessageErreur" que les autres composant utiliserait ? Y'a t'il d'autre solution plus élégante ? peut être au niveau de app.component ?
Merci pour vos lumières
Partager