Angular Newsletter: Watch Out What You expose with Interceptors, Neat Trick Http Interceptor, Handling oneOf Cases & more — Oct 2022

Keep your eyes open while using Angular Interceptors - you never know what might be exposed! In this newsletter, we explore how to use Angular Interceptors and Dropbox Picker in order to create a more user-friendly experience when uploading content. We also take a look at some neat tricks with Angular Http Interceptor and how to handle oneOf cases in Angular forms. Finally, we show you how to create any dropdown list or combobox you need with Kendo UI for Angular.

Watch out what you expose with Angular Interceptors

Written by Tim Deschryver

You're probably already using Angular Interceptors. Even if you can't find one in the application you're working in, there is a big chance that one of the added libraries...?

Dropbox picker in Angular

Written by Sankethdesuwar

One day I suddenly got a call from my client to add a new feature in the angular app where he would wish user’s to upload their content…

Reusable Angular components with integrated communication layer

Written by Elton Marku

In this case, the business application and reusable component share the service to communicate with each other. Reusable Angular components with integrated state-managed communication layer

Neat trick with Angular Http Interceptor

Written by Bananica Bananica

We have to show the page loader, fetch the data, and then hide it on both success or error response. Let’s recreate this page loader component and service once more.

Handling oneOf Cases in Angular Forms

Written by Netanel Basal

Let’s see how we can build our form so it can handle the oneOf use cases both in template driven and reactive forms. Reactive forms require more boilerplate work but give you more flexibility...

Create Any DropdownList or ComboBox You Need With Kendo UI for Angular

Written by Peter Vogel

The five comboboxes/dropdown lists that come with the Kendo UI for Angular toolkit let you get exactly the UI you want. But all of the components share their functionality...

Angular: what is OnPush ChangeDetectionStrategy?

Written by Vlad Gheorghita

Angular’s change detection is pretty straight forward out of the box and, to some extend, it has a pretty optimized algorithm, however…

Practical Uses of Dependency Injection in Angular

Router's loadChildren Callback Doesn't Have To Be A Fat-Arrow In Angular 14

Ben Nadel demonstrates that lazy-loaded routes in Angular 14 doesn't have to use a Fat-arrow syntax, even if that's what the documentation indicates....

Most Useful Angular Features You’ve Probably Never Used

Written by Sefali Warner

In this article, we’ll highlight some of the most useful Angular features you may have never heard of. Continue reading on JavaScript in Plain English ?

Angular DOM Manipulation: ElementRef, TemplateRef, and ViewContainerRef

Written by Kagklis Vasileios

An overview of elements, templates, views, and view containers in Angular and how to modify the DOM programmatically. Continue reading on JavaScript in Plain English ?

Angular Template Driven vs. Reactive Forms

Angular provides two modules for creating and managing forms for complex apps. This article will explore the two modules readily available, provide...

Creating Angular Tooltip Directive — Part 2: adding customisation

Written by Piotr Go?ofit

In my previous blog post, I explained how to create your own angular tooltip directive without using any third-party component libraries…?

How To Read a JSON File From Assets in Angular

Written by Lorenzo Zarantonello

4 ways to read a JSON file from the assets folder in Angular

Create Hierarchical Lists With the Kendo UI for Angular DropDownTree and MultiSelectTree

Written by Peter Vogel

When you have a lot to display in a dropdown list, you need the Kendo UI for Angular dropdown treeview to organize your data. In addition to letting you get the UI you want...

7 Useful JavaScript Coding Techniques That You Should Use

Written by fatfish

Do you know all of these tricks?

How to Add Internationalization (Translations) in Angular — Backend Integration and Lazy-loaded…

Written by Lynn Kwong

In a previous post, we introduced the basics for how to set up the ngx-translate library and use it in a simple Angular project. The…

Conclusion

Angular is a powerful tool for creating interactive applications. With its built-in support for data binding and dependency injection, it makes it easy to build complex applications. There are many useful features in Angular that you may not be aware of. In this newsletter, we've highlighted some of the most useful features that you can use to make your Angular applications even better.

Thanks for reading! I hope you found these Angular tips and tricks useful. Stay tuned for more great content in the future.