Questions tagged [angular-toastr]

Angular-toastr is an open-source Angular port of CodeSeven's toastr library.

Angular-toastr is an open-source Angular port of CodeSeven's toastr library.

58 questions
1
vote
1 answer

Angular Toastr Callbacks

Hi I am using Angular Toastr (https://github.com/Foxandxss/angular-toastr) to create some messages on screen. I have a maximum of two messages which can be open both at the same time at any one point in time, one which is of type error and another…
user1809790
  • 1,349
  • 5
  • 24
  • 53
0
votes
3 answers

Show toastrs after the previous toastr is dismised

I have multiple messages. I want to show next toastr after the toastr is dismissed. I write the following codes: this.messages.forEach(msg=>{ this.toastr.info(msg.Text, 'Title', { positionClass: 'toast-top-right', closeButton: true, …
MB_18
  • 1,620
  • 23
  • 37
0
votes
1 answer

Property 'get' in type 'ToastInjector' is not assignable to the same property in base type 'Injector'

error TS2416: Property 'get' in type 'ToastInjector' is not assignable to the same property in base type 'Injector'. Type '(token: any, notFoundValue?: T, flags?: InjectFlags) => ToastPackage | T' is not assignable to type '{ (token: ProviderToken,…
0
votes
0 answers

How to use ToastrService to show Toastr notifications for server errors in Angular

I am using ToastrService to show notifications for server errors. But it does n't seems to be work. In the Ui if get request is not loading data to the tabular view due to a backed issue how to show the Toast message in the particular UI, component?…
0
votes
1 answer

how to change background color and image of a toaster?

i want to change background color and image to else condition (toaster.error) success: function (data) { if (data.message != ""){ toastr.success(data.message); } …
user14477068
0
votes
0 answers

toaster.clear('*') does not work inside a jQuery function

I'm using Angular toaster messages. I use toaster.clear('*') to clear a toaster message and show the next toaster message. This works fine in my other situations. However here it does not work. I clear the previous toaster message and change the…
Chinthani
  • 45
  • 1
  • 1
  • 7
0
votes
2 answers

Angular 6 Error Handling not showing toasts

I am using the code below to catch errors in my small Angular 6 app... I am catching the errors, I am showing info in the console the problem is that the toasts do not show unless I click somewhere in the application, they don't show up all by…
Vlad N
  • 631
  • 2
  • 10
  • 21
0
votes
1 answer

Event should trigger when Toastr notification appears

i want to trigger an event using protractor for close the Toastr notification messages. whenever the notification appears this event should triggered.. is this possible?? I have 10 forms ,i am validating these forms using protractor. In each form i…
0
votes
1 answer

Unable to run unit test case for toast message in angular

Hi I am developing web application in angular 5. I am using toast messages to display messages. I am using toast messages from https://www.npmjs.com/package/angular2-toaster. The implementation is correct and working fine. I am facing issue with…
Niranjan
  • 537
  • 2
  • 14
  • 31
0
votes
1 answer

Unable to display Toast message in Angular 5

Hi I am developing web application in Angular 5. I am trying to display toast message in Angular 5 using https://www.npmjs.com/package/ngx-toastr. I have downloaded required npm modules and copied css to assets folder. Also I have added import {…
Niranjan
  • 537
  • 2
  • 14
  • 31
0
votes
1 answer

call other function in toaster onShown event

I have below code to for toaster toastr.success("

",'delete item?', { closeButton: false, allowHtml: true, onShown:…
Md. Parvez Alam
  • 4,326
  • 5
  • 48
  • 108
0
votes
0 answers

Cannot read property 'create' of undefined' from Toast in Ionic

I have this code: import { Component } from '@angular/core'; import {NavController } from 'ionic-angular'; import * as firebase from 'firebase'; import firebase_admin from 'firebase'; import {LoginPage} from '../login/login'; import { RegisterPage }…
Ron Arel
  • 371
  • 1
  • 5
  • 14
0
votes
1 answer

Toast before/during window.location.href

I would like to show a toast before redirect to login. In my case I have this code in my interceptor: 'use strict'; angular.module('frontEndApp') .config(['$provide', '$httpProvider', function ($provide, $httpProvider, $translate, toastr, CONST)…
Miguel-Ángel
  • 57
  • 2
  • 11
0
votes
0 answers

How to slide down an old toaster of AngularJS

I made two toasters using AngularJS Toaster. The No.1 toaster's option is "limit : 10, position-class : toast-top-center". The No.2 toaster's option is "limit : 1, position-class : toast-top-center". When I use two toasters together, they…
mmm
  • 21
  • 4
0
votes
0 answers

Show toastr notifications after action in JS file

I'm new in Angular 5, and I'm implementing notifications, they work correctly if I import service to typescript component like: import { ToastrService } from 'ngx-toastr'; constructor( private toastr: ToastrService ) { } //call method …
Pedro
  • 1
  • 2