angular toast service code example
Example 1: Toast message angular
import { ToastrService } from 'ngx-toastr';
Example 2: angular toastr
npm install ngx-toastr --save
npm install @angular/animations --save
"styles": [
"styles.scss",
"node_modules/ngx-toastr/toastr.css"
]
import { CommonModule } from '@angular/common';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ToastrModule } from 'ngx-toastr';
imports: [
CommonModule,
BrowserAnimationsModule,
ToastrModule.forRoot(),
],
import { ToastrService } from 'ngx-toastr';
constructor(private toastr: ToastrService) {}
showSuccess() {
this.toastr.success('Hello world!', 'Toastr fun!');
}
Example 3: how to add toaster in angular 9
npm install ngx-toastr --save
Example 4: angular toast
npm install ngx-toastr --save
Example 5: Toast message angular
npm install ngx-toastr --save
npm install @angular/animations --save
Example 6: Toast message angular
import { Component, OnInit } from '@angular/core';
import { ToastrService } from 'ngx-toastr';
@Component({
selector: 'app-root',
templateUrl: './root.component.html',
styleUrls: ['./root.component.css']
})
export class RootComponent implements OnInit {
constructor(private toastr: ToastrService) { }
ngOnInit() {
}
showToaster(){
this.toastr.success("Hello, I'm the toastr message.")
}
}