Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular Global Error Handling
Search
Dhananjay Kumar
October 31, 2024
0
140
Angular Global Error Handling
Dhananjay Kumar presentation on Angular Global Error Handling for ngPoland 2024
Dhananjay Kumar
October 31, 2024
Tweet
Share
More Decks by Dhananjay Kumar
See All by Dhananjay Kumar
Angular Signal Zero to One : ng-India 2025
debug_mode
0
140
Getting Started with Angular Signals
debug_mode
0
100
This in JavaScript
debug_mode
0
130
Unraveling JavaScript Prototypes
debug_mode
0
230
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Invisible Side of Design
smashingmag
301
51k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
How to train your dragon (web standard)
notwaldorf
96
6.2k
How STYLIGHT went responsive
nonsquared
100
5.7k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Faster Mobile Websites
deanohume
309
31k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Optimizing for Happiness
mojombo
379
70k
Gamification - CAS2011
davidbonilla
81
5.4k
Transcript
Dhananjay Kumar Founder, Nomad</coder> | ng-India Angular Global Error Handling
I wish undefined was a function
Types of Error @debug_mode Compile time Error Error in Template
Run time Error HTTP Errors
Run time Error
Run time Error
What if a developer forgets to try-catch
Why Global Error Handling • Set up custom error handling.
• Send error logs to the server. • Redirect to an error page when necessary. • Conduct an error analysis for the application. • Integrate Azure App Insight, Amazon CloudWatch, etc.
Step 1 Create a Service
Step 2 Implement ErrorHandler classclass Step 2
Step 3 Implement handleError method
Step 2 Provide the service in app.configclass Step 4
Run time Error
To log the stack trace, install stacktrace-js library in project,
Step 5 > npm install stacktrace-js
Step 6 Use stacktrace
Run time Error
Log @debug_mode Stacktrace Route Logged In User Date Time
Log • Create an interface • Develop a service to
send logs to the server via API. • Integrate the service within the GlobalErrorHandler to log errors and trace details.
None
Dhananjay Kumar Connect me for Training and Consulting. Email –
[email protected]
@debug_mode