Error Display
Composant pour l'affichage d'erreurs en environnement de développement.
Aperçu
Ce composant n'est pas affiché pour les étudiants. Il sert plutôt à avertir l'intégrateur/développeurs qu'il a une erreur avec l'utilisant de l'application.
Il y a deux niveaux de couleur pour l`affichage d'erreurs:
- Rouge (niveau majeur): Indique une erreur qui brise le fonctionnement de l'application (l'application n'est plus navigable ou plus rien ne peut être affiché)
- Jaune (niveau mineur): Indique la présence d`erreurs qui ne brisent pas l'application (il y a une erreur, mais on peut toujours naviguer dans l'application et certains éléments sont affichables).
Référence du composant
AppBaseErrorDisplay<app-base-error-display/>
Comportement
Le composant affiche un message avec la liste d`erreurs passées en paramètre lors de son appel.
Important
Vous ne devez pas faire la gestion de vos erreurs à l'intérieur du composant. Gérez plutôt vos erreurs dans votre composant et faites-les afficher en utilisant <app-base-error-display/>.
Ajoutez les messages d'erreurs qui conviennent à votre situation. Copiez et collez la structure et modifiez le message pour convenir à votre situation.
💡 Note
Si vous jugez qu'utiliser le composant est trop pour l'erreur à afficher, vous pouvez toujours afficher l'erreur dans votre composant. Utilisez les styles présents dans la feuille de style pour garder l'uniformité du look.
Paramètre
Voici les éléments paramétrable d'Error Display.
Props
| Propriété | Type | Description | valeur par défaut | valeur accepté |
|---|---|---|---|---|
| errorMessage | String | Le type de message d'erreur à afficher | ' ' | 404 / errorPage / errorMenu / errorModule |
| errorsList | Array | Liste des valeurs des erreurs que vous voulez afficher | tableau vide | un array de string |
| docLink | String | lien url de référence pour plus d`information | documentation | string |
Style
Les classes et la structure sont déjà faites pour vous, si vous voulez rajouter un type d'erreur dupliquer la section avec sa structure. Vous remarquerez dans la feuille de style ce sont les seules couleurs en dur. Il en est ainsi pour ne pas créer d'erreur avec le style des cours.
Accessibilité
Ce composant sert seulement à éviter les codes 18 pour l'intégrateur, il n'est donc pas tenu d'être accessible.