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
130
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
Getting Started with Angular Signals
debug_mode
0
65
This in JavaScript
debug_mode
0
110
Unraveling JavaScript Prototypes
debug_mode
0
140
Featured
See All Featured
Being A Developer After 40
akosma
89
590k
A Philosophy of Restraint
colly
203
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
550
The Language of Interfaces
destraynor
156
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Code Reviewing Like a Champion
maltzj
521
39k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Practical Orchestrator
shlominoach
186
10k
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