web-dev-qa-db-fra.com

Angular 5 Notifications de snack-bar

Je veux implémenter des messages de notification comme

"Success! Your Details Added"
"Warning! Something Went Wrong"
"Danger! You don't have access to this"

j'utilise déjà angular dans mon application puis-je utiliser 'snack-bar' à des fins de notification?

j'ai aussi trouvé quelques connexes grille-pain à npm

Suggérez-moi s'il existe une autre façon de procéder.

angularnotificationsangular-materialtoast
9
Developer

Bien que vous utilisiez un matériau angular, il est donc préférable d'utiliser un snack-bar de angular.

Si vous souhaitez rechercher d'autres options, vous pouvez également utiliser grognement de primeng ou message de primeng

Vous pouvez également écrire du code personnalisé pour afficher ce type de message que vous souhaitez. Mais dans ce cas, vous devez contrôler en externe beaucoup de choses comme la position de ce message, le calendrier, le rejet, etc.

Le choix vous appartient donc.

6
Ashraful Islam

J'utilise ceci ngx-toastr , démo

  • Toast Injection de composants sans être passé ViewContainerRef
  • Pas d'utilisation de * ngFor. Moins de contrôles sales et de meilleures performances.
  • Compatible avec la compilation AoT et le chargement paresseux
  • Héritage de composants pour des toasts personnalisés
  • Pack de cumul SystemJS/UMD
  • Animations utilisant l'API Web Animations d'Angular (polyfill nécessaire pour les appareils plus anciens)
  • Grille de sortie vers une directive cible facultative
10
xeofus

Pour les notifications, vous pouvez utiliser angular2-notifications .

Pour le grille-pain, vous pouvez utiliser angular2-toaster .

5
Zoha Irshad