Interceptors | catchError | Angular Services | Part - 20

#### Summary
In this video, the concept of interceptors in Angular is explained, along with their purpose, creation, and usage in applications.
#### Highlights
- 🔄 Interceptors are used to interrupt and manipulate HTTP requests and responses in Angular applications.
- 🛠 They can be utilized to modify headers, handle errors, and customize responses before reaching the subscription.
- 📡 Multiple interceptors can be used to chain the interception process for requests and responses.
- 📚 Interceptors can be tailored to specific project requirements to enhance the functionality of HTTP calls in Angular services.
- 🎥 The video provides a detailed demonstration of creating and implementing interceptors, along with practical examples of their usage.
Github:
github.com/saikorthivada/angu...
Angular Services
• Angular Routing and Se...
Solid JS tutorials
• Solid JS Tutorials
Can Activate guard | Guards in angular | Angular 16
• Can Activate guard | G...
Can Activate child guard | Guards in angular | Angular 16
• Can Activate child gua...
Solid JS tutorials
• Angular Tutorials
(Can Activate guard | Angular 16)
• Can Activate guard | G...
Guards introductions
(Router Guards | Guard Introduction | Angular 16)
• Router Guards | Guard ...
Signals, Effects, Observable and computed properties | untacked method | Angular 16
• Signals, Effects, Obse...
For angular 16 Features and migration, Please check the below
• Angular 16 features wi...
For Angular 15 features, Please check the below
• Angular 15 features | ...
Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release
• Angular Standalone com...
For Angular 12 features, Please check the below playlist
• Angular 12 Features
Basic Software concepts
• Playlist
For Angular Unit Testing, Please check the below playlist
• Angular Unit Testing
To know how to test basic patch value in angular watch below video
• Angular Unit testing- ...
Medium:
/ techshare-skk
Address management Angular Tutorials
Part 1 - • Reactive Form - 17 | A...
Part2 - • Reactive Form - 18 | A...
Part 3 - • Reactive Form - 19 | A...
Part 4 - • Reactive Form - 20 | A...
Part 5 - • Reactive Form - 21 | A...
Part 6 - • Reactive Form - 22 | A...
Part 7 - • Reactive Form - 23 | A...
Mandatory to watch before watching unit testing for better understanding:
(Reactive Forms Part 16 | Form Arrays removeAt method | Dynamically remove control from form array)
• Reactive Forms Part 16...
Recommend you to watch my previous videos for more information and the context.
For testing form control without any validation watch below:
• Angular Unit testing- ...
For testing, Template driven forms
• Angular Unit testing- ...
For template and template context
• Angular Unit testing- ...
For Attribute Binding testing:
• Angular Unit testing- ...
For Testing style bindings:
• Angular Unit testing- ...
For Testing class binding
• Angular Unit testing- ...
For Testing property binding
• Angular Unit testing- ...
For interpolation unit testing
• Angular Unit testing- ...
Different Types of Data binding
• Angular Data Binding |...
Interpolation in angular
• Angular Unit testing- ...
For Component introduction check the below link
• What are Angular compo...
Angular Installation and setup
• How to Configure Angul...
For ng serve mechanisum and internal flow of angular follow the link below
• Angular internal work ...
Angular Modules
• Angular Modules | What...
Angular Tutorial playlist:
• Angular Tutorials
Medium:
/ techshare-skk
For Angular 12 features, Please check the below playlist
• Angular 12 Features
Basic Software concepts
• Playlist
For Angular Unit Testing, Please check the below playlist
• Angular Unit Testing
Instagram:
/ tech.share.skk
#Interceptors #angular16 #observables #rxjs

[@techshareskk]

Key insights 🛑 Interceptors in Angular can be used to manipulate requests before sending them to the network call, making it easier to handle headers for multiple API calls. 🔄 The use of multi true in interceptors is crucial for bypassing multiple interceptors in Angular services. 🔄 The catch error operator in observables helps in handling errors and returning them in a format of an observable. 🔍 If you want to customize your error messages, you can use throw error and it will be receiving an error.

[@4444-c4s]

👍🙏

[@vickychauhan5396]

Sir kindly come up with real world project in Angular where we can learn how things are done in real time..

[@techshareskk]

Sure will plan for a crash course

[@4444-c4s]

I have a Query. I have created a website using my own thinking of Interface, which has 3-4 fields extra than the Actual API which I found later. Hope you understand that the whole application logic is implemented differently by using my own Interface. Now how should I resolve this issue considering that I have now no option without using that API.

[@techshareskk]

You are right you dont have other option to save that details. Either you have to find the compatible APIs or you have to remove that fields in the UI and use only the fields given by API

[@4444-c4s]

What is the use case except Headers or logging. I didn't find Interceptors useful cases

[@techshareskk]

Haha i already mentioned in the video that this interceptor usage depends on the business logics and if you really work on real time you will understand the usage and easiness of interceptors. Just think you have 100 APIs in your application and you have to pass a bareer token either you have to pass for get post delete patch put APIs individually even if you have some common logic There are many benifits in real time based on your business logic itself. This could be optional as well. Without using this interceptors also we can achieve the output. But comparatively it would be very help-full. Think in broader way

[@4444-c4s]

@@techshareskk Got it. Thanks 🙏

[@4444-c4s]

Searching your channel name on KZbin doesn't gives your channel. 😢

[@techshareskk]

Very bad of it Will try to change the name