Stack Overflow
Stack Overflow

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

How to adjust the width of the toastr message in Angular

I have toastr message notification using ngx-toastr from npm (my current stack is Angular 9) Is there a way to alter the max-width for the messages since it is causing the message-text to wrap. this.toastrService.error( 'This is an error…
Vignesh Ravichandran
  • 169
  • 3
  • 10
1
vote
1 answer

how to get success or failure response from controller to ajax in laravel?

i want to show toaster on success or failer so i tried this code $.ajax({ type: "GET", dataType: "json", url: '{{ route('users.update.visit_clear') }}', data: {'visit_clear': visit_clear, 'user_id':…
user14477068
1
vote
1 answer

Angular Toastr with Jhipster

I'm working on a Jhipster project with angular 6, and I'm trying to write a code that appears when a certain event happens. I followed this step by step in a different application (a test), and it worked, but when I tried to use it in my project…
Laura Ellen
  • 13
  • 2
1
vote
0 answers

success toastr not visible until dismissing (Angular 8)

I'm trying to create a toastr success banner for my web page. The page has data in an ng-grid, with a button component that creates a modal for editing the grid values. After saving the data, a banner should pop up saying the edits were made…
DHorowitz
  • 277
  • 1
  • 3
  • 10
1
vote
2 answers

how can I initialize a 3rd party module within my .forRoot() in angular

I am building an internal library for our projects, using Angular 6+. I am using the .forRoot() approach to register global services as documented. My library will be using ngx-toastr to provide notifications. As I don't want each project to deal…
Eric Liprandi
  • 5,324
  • 2
  • 49
  • 68
1
vote
2 answers

ngx-toastr error in loading not found angular firebase

I am trying to use the ngx-toastr. I installed ngx-toastr, imported to the app.module.ts, and added to style in angular.json. I got a complie error after that. The following is the error: ERROR in multi ./src/styles.css…
Jisheng Huang
  • 13
  • 1
  • 3
1
vote
3 answers

Can't resolve all parameters for ToastrService: (?, [object Object], [object Object], [object Object], [object Object])

I am applying toasterjs in my angular component. Here is my code. i have imported the ToastrService using the code: import { ToastrService } from 'ngx-toastr'; and inject that service in the constructor constructor(private toastrService:…
Gaurav_0093
  • 1,040
  • 6
  • 28
  • 56
1
vote
1 answer

Toastr passed to child element in angular4

I have a parent component that uses ng2-toastr (4.1.2). Parent element : import { Component, ViewContainerRef } from '@angular/core'; import { AfterViewInit, ViewChild } from '@angular/core'; import { Router } from '@angular/router'; …
banibanc
  • 143
  • 3
  • 16
1
vote
1 answer

Toaster is not triggering in angular4

I have implemented toaster in my angular 4 project via using this link -> http://www.codershood.info/2017/04/14/showing-notification-using-toaster-angular-2/ It is working absolutely fine when I trigger it via a button click I added a button e.g…
Mishi
  • 628
  • 4
  • 16
  • 40
1
vote
1 answer

Angular injecting toastr service

I want to handle common http errors using angular materials mdsnackbar service, however, i cannot figure out how to implement it. It gives me an error such as do not match any parameter type if i add to MdSnackBar to constructor like private…
agriboz
  • 4,724
  • 4
  • 35
  • 49
1
vote
3 answers

Wait for toast to disappear in Protractor

Summary How do I wait for all toasts to disappear when using Protractor for testing an AngularJS webapp? More details I have an AngularJS app, that I am testing using Protractor. I am using angular-toastr to show notifications when things happen in…
MW.
  • 12,550
  • 9
  • 36
  • 65
1
vote
2 answers

AngularJS toaster shows alert twice instead of one time on file upload

I'm using toaser to inform user that file was successfully uploaded. The problem is that toaster shows message twice. Parts of my HTML code:
Aleksey Kiselev
  • 331
  • 1
  • 7
  • 21
1
vote
0 answers

Am I stuck with only 1 position for my angular toastr for the life time of the app?

I would love to utilize angular toastr, but I've read that you can only configure the position via configuration. So I can set it once and that's it? I can't display toaster messages in any other regions on the screen other than the one I specified…
james
  • 550
  • 8
  • 14
1
vote
2 answers

Unknown provider: toasterProvider <- toaster <- RugHttpInterceptor <- $http <- ng1UIRouter

I am working on Interceptors to display a toast msg if my app caught a http error in responseError code. I am using AngularJS Interceptor. It is an MEAN.JS app. Interceptor Code angular.module('rugCoPro') .factory('RugHttpInterceptor', ['$q',…
jatinder bhola
  • 385
  • 1
  • 7
  • 23
1
vote
2 answers

Why is angular-toastr not accepting the overriden postionClass.?

Plugin used: https://github.com/Foxandxss/angular-toastr My intention is to create a toastr that spans the full with of the page on top and according to the documentation, positionClass: 'toast-top-full-width' will do the…
naveen
  • 53,448
  • 46
  • 161
  • 251
1
2
3 4