toaster for angular code example
Example 1: angular toastr
npm install ngx-toastr --save
npm install @angular/animations --save
// angular.json
"styles": [
"styles.scss",
"node_modules/ngx-toastr/toastr.css" // try adding '../' if you're
// using angular cli before 6
]
// app.module
import { CommonModule } from '@angular/common';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ToastrModule } from 'ngx-toastr';
imports: [
CommonModule,
BrowserAnimationsModule, // required animations module
ToastrModule.forRoot(), // ToastrModule added
],
// component
import { ToastrService } from 'ngx-toastr';
constructor(private toastr: ToastrService) {}
showSuccess() {
this.toastr.success('Hello world!', 'Toastr fun!');
}
Example 2: angular toast
npm install ngx-toastr --save
Example 3: toaster service
import { ToastrService } from 'ngx-toastr'; @Component({...})export class YourComponent { constructor(private toastr: ToastrService) {} showSuccess() { this.toastr.success('Hello world!', 'Toastr fun!'); }}