toaster notification in angular 14 | implement toast alert using ngx-toastr library

#angular14 #ngxtoastr #angularalert
This video provides the complete documentation of ngx-toastr library & steps for implementing toaster notifications in angular 14
Steps
======
1, Install the below package
npm install ngx-toastr
2, Add the below css file to our app
"node_modules/ngx-toastr/toastr.css"
3, Import to the module
ToastrModule.forRoot()
npm link for ngx-toastr library
--------------------------------------------------
www.npmjs.com/package/ngx-toastr
Join this channel to get access to perks:
/ @nihiratechiees
Source Code GitHub Link
----------------------------------------
github.com/nihira2020/Datatra...

[@codingislife6387]

Thanks Sir May u live long

[@NihiraTechiees]

👍

[@zero14111990]

nice one. i did it in angular 15 with standalone component and work perfectly

[@NihiraTechiees]

Great👍

[@caus9340]

Thanks

[@NihiraTechiees]

Welcome

[@codigo-nueve]

gracias

[@NihiraTechiees]

👍

[@VijayKumar-fq4ie]

Good video tutorial easy to understand. Please make a tutorial on mannual popup menu without popper and jQuery.

[@NihiraTechiees]

Manual popup means bootstrap popup?

[@VijayKumar-fq4ie]

@@NihiraTechiees yes bootstrap popup navbar but without popper and jQuery

[@NihiraTechiees]

Then I will make separate video in bootstrap... Will include my list

[@jamilb8031]

Can I use toastr in NX applications, in which the most of the modules are lazy-loaded? I always see these simple exemples...

[@NihiraTechiees]

NX applications?

[@user-iu5lc7zp9r]

Hi Nihira,
You doing good. And I Have a one doubts about toaster, How can I change the default position of toaster to custom position Like ,I want to set my own margin(Top,Right) Values.

[@NihiraTechiees]

Yes, already covered in this video

[@user-iu5lc7zp9r]

@@NihiraTechiees Yes Bro correct, But in this video you mention toast-top-right. In my problem is when ever the toast is showing it will hidden my header navbar. So I need to move a toast little bit down. That's why i am asking ,how to change the position in custom format like top = 50px and right = 15px.( But must the toast is in right top corner ).

[@NihiraTechiees]

Then we need to write custom css

[@enriqueruiz320]

En mi caso, para angular cli 14 instale la versión 15 de toastr porque la 16 me dio problemas

[@NihiraTechiees]

What is your angular cli version?

[@isaacorregor]

confirm

[@Kottore]

Gracias amigo! Igual a mi me dio problemas y llegué aquí buscando una solución y con tu comentario se arregló ( :

[@rocksgaming5702]

Hi sir, I am also using the angular 14, facing some error while running the application in node modules.

[@NihiraTechiees]

What error you are facing? Please share mail with details

[@muhammedfaisan7715]

Hi Sir Please help me . filter on mat-select using mat input keyup angular

[@NihiraTechiees]

Ok. Will upload soon

[@muhammedfaisan7715]

@@NihiraTechiees Thank you sir please upload fastly❤️

[@KavyaNarenderReddy]

Hi sir, can we add a hyperlink in toastr popup....if yes how?

[@NihiraTechiees]

I am not sure, will check and let you know

[@sukeshvashistha7854]

I want to change the background color of warning toaster to white how to achieve...?

[@NihiraTechiees]

By adding css we can override the default design

[@sukeshvashistha7854]

@@NihiraTechiees try to make a shorts of this issue I tried but not worked in toastClass parameter