Toast Notification in Angular 13 | ng-angular-popup | Agular NPM Library | Angular Toast Tutorial |

Toast Notification in Angular 13 | ng-angular-popup | Agular NPM Library | Angular Toast Tutorial |

Let's Program

2 года назад

30,587 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Sneha Kumari Jha
Sneha Kumari Jha - 14.08.2023 14:05

Generic type 'ɵɵComponentDeclaration' requires between 7 and 8 type arguments.
18 static ɵcmp: i0.ɵɵComponentDeclaration<NgToastComponent, "ng-toast", never, { "style": { "alias": "style"; "required": false; }; }, {}, never, never, false, never>;
i'm using updated package but got this error can you please help me

Ответить
xwqo
xwqo - 12.07.2023 15:04

NG8001: 'lib-ng-toast' is not a known element:

Ответить
Arnab Basu
Arnab Basu - 16.06.2023 08:10

getting the below error while installing. can u please help ?


code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^15.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^16.0.0" from [email protected]
npm ERR! node_modules/ng-angular-popup
npm ERR! ng-angular-popup@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Ответить
Нургиса Булатулы
Нургиса Булатулы - 15.06.2023 04:52

How to change style of popup? size, bg color?

Ответить
Santiago Ramirez
Santiago Ramirez - 13.06.2023 21:16

Thanks for video, in this moment i have an issue. The duration doesn´t work, the alert is visible always

Ответить
hovanni Music
hovanni Music - 27.05.2023 23:46

hi dear,
Thanks for your job !!!
I have question:
Are you planning to do custom style?
And I have little trouble:
Why don't I have a close button?

Ответить
Clever Arinda
Clever Arinda - 26.05.2023 19:49

So good _256750482844

Ответить
Imam masum
Imam masum - 09.04.2023 19:18

what about your github link

Ответить
Arya CS
Arya CS - 23.03.2023 07:27

Hi. I follow all your videos. I have a doubt. In my app, I created a full screen button where only a particular component appears in full screen, by using getdocumentsbyId. But the toaster messages are not appearing in the full screen mode. Y is it so. How to resolve it..
Please do reply...

Ответить
Saurav Jyotih Pradhan
Saurav Jyotih Pradhan - 07.03.2023 08:09

My laptop not working npm i ng-angular-popup

Ответить
Littisha Bala
Littisha Bala - 21.02.2023 09:32

how to customize the color of notification bar and the size .etc?

Ответить
amarendar chinthala
amarendar chinthala - 27.01.2023 15:01

I got error on size wouldn't increase

Ответить
Adrian Rubak
Adrian Rubak - 15.12.2022 01:00

if u are gettting this error:
build errors static ɵcmp: i0.ɵɵComponentDeclaration<NgToastComponent, "lib-ng-toast", never, {}, {}, never, never, false>;

try to change your version of library
i'm using angular 13.2
and i set it to:
"ng-angular-popup": "0.1.0"

Ответить
Acil Farhat
Acil Farhat - 30.11.2022 23:47

@Let's Program
i have this probleme :Error: node_modules/ng-angular-popup/lib/ng-toast.component.d.ts:14:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

14 static ɵcmp: i0.ɵɵComponentDeclaration<NgToastComponent, "lib-ng-toast", never, {}, {}, never, never, false>;
any help

Ответить
Aryhan Coyco
Aryhan Coyco - 30.11.2022 18:50

I am getting build errors static ɵcmp: i0.ɵɵComponentDeclaration<NgToastComponent, "lib-ng-toast", never, {}, {}, never, never, false>;

Ответить
Slingshot The Rapper
Slingshot The Rapper - 25.11.2022 11:22

Awesome bro simple and easy to use. 🤘

Ответить
Marcelo Sanchez
Marcelo Sanchez - 17.10.2022 18:47

Amazing library, I'm using this for a crud app, thanks you for a excelent job!
I want modify the "height" of the pop-up to show large message, is posible? I seen the class is .toast-right-top but I can't modify the height :(

Ответить
Ravi Kumar
Ravi Kumar - 28.09.2022 20:38

Explanation to good

Ответить
ozzie cunningham
ozzie cunningham - 27.09.2022 21:31

Thank you, do you have a version for Angular 12?

Ответить
Keld Hougaard
Keld Hougaard - 22.09.2022 12:52

Thank you for all your hard work on these great tutorials!
I've been using your toast messages for a project, but have noticed that one the success messages doesn't completely dissapear. There is a little green bar noticable on right side of the screen. Anything you have experienced?
Best regards
Keld

Ответить
Linn Naing Oo
Linn Naing Oo - 15.09.2022 11:17

Thanks you, it is really useful.

Ответить
Yogesh Kadu
Yogesh Kadu - 13.09.2022 17:09

bro how to change toast position like bottom right instead of top ?

Ответить
Ghaith Bouslimi
Ghaith Bouslimi - 03.09.2022 13:34

not work with the last version angular 14 .

Ответить
Đào Đức Tính
Đào Đức Tính - 15.08.2022 10:50

thank you for the series angular, that so helpful. <3

Ответить
Mahesh Koppineedi
Mahesh Koppineedi - 03.08.2022 20:20

Is it possible to toast message position in center

Ответить
IT_056_Sahil Kumar
IT_056_Sahil Kumar - 29.07.2022 09:26

in my case ..... <ng-lib-outlet> is giving error.....
please help me....

Ответить
w3raja
w3raja - 09.07.2022 17:18

Thanks a lot for this code.

Working superb

Ответить
k k
k k - 07.06.2022 13:02

Good job bro!

Ответить
ahmed aldesoky
ahmed aldesoky - 02.06.2022 04:38

it's very useful
thank u pro

Ответить
Wiem MEJRI
Wiem MEJRI - 03.05.2022 13:31

does it work for angular 12?

Ответить
Gabriel Werlich
Gabriel Werlich - 18.04.2022 16:22

My toastr notifies correct the message for 5s but it doesnt show in the green box, anyones know why ?

Ответить
Thiago Luiz
Thiago Luiz - 14.04.2022 17:55

I had this problem trying to use your lib:

Namespace '"/path/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

11 static ɵfac: i0.ɵɵFactoryDeclaration<NgToastService, never>;

any idea how to fix it?

Ответить
Mallesh Diyyala
Mallesh Diyyala - 10.04.2022 04:55

Bro, how to prevent background actions in case of toast alert displaying.

Ответить
Alexandra Simbolon
Alexandra Simbolon - 13.03.2022 09:04

wow thankyou tutorial sir

Ответить
God's Word
God's Word - 04.03.2022 16:08

Bro please make a video on login page ...I have project submission on login web page using angular13 material

Ответить
mine_girl
mine_girl - 01.03.2022 12:24

Awesome tutorial 👏

Ответить
Yash Chandel
Yash Chandel - 23.02.2022 12:42

Can you help me, how to implement read more or read less in list through pipes with the help of code

Ответить
K.V. Rao
K.V. Rao - 22.02.2022 04:19

Super bro

Ответить
Thota Nagaraju
Thota Nagaraju - 17.02.2022 15:49

Hi
in above NPM Like getting 404 not found

Ответить
sanam shrestha
sanam shrestha - 17.02.2022 09:20

in my case error msg is working after loggin inbut success is not working. Why so??

Ответить
michael ennis
michael ennis - 16.02.2022 21:37

Nice Library....how do I position where I want or resize the fonts?

Ответить
Archana M
Archana M - 16.02.2022 08:32

thanks a lot its very helpful

Ответить
Vijay Kumar
Vijay Kumar - 16.02.2022 07:15

Is detail property optional or mandatory??

Ответить