Angular 5 snack-bar Notifications

angular notifications angular-material toast
Developer picture Developer · Feb 8, 2018 · Viewed 18.6k times · Source

I want to implement notifications messages like

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

i am already using angular material in my application can i use 'snack-bar' for notification purpose?

i also found some related toaster at npm

Suggest me if there is an another way to do this.

Answer

xeofus picture xeofus · Feb 8, 2018

I use this ngx-toastr, demo

  • Toast Component Injection without being passed ViewContainerRef
  • No use of *ngFor. Fewer dirty checks and higher performance.
  • AoT compilation and lazy loading compatible
  • Component inheritance for custom toasts
  • SystemJS/UMD rollup bundle
  • Animations using Angular's Web Animations API (polyfill needed for older devices)
  • Output toasts to an optional target directive

Related questions

Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
ngFor with index as value in attribute

I have a simple ngFor loop which also keeps track of the current index. I want to store that index value in an attribute so I can print it. But I can't figure out how this works. I basically have …

Read More
Could not find module "@angular-devkit/build-angular"

After updating to Angular 6.0.1, I get the following error on ng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_…

Read More