Angular Preloading Strategy is yet another way to speed up the load time of the Angular Apps. We build Modular apps using the Angular Modules. The Angular loads all the modules, when the user requests for the first time. This will make app loading slowly as it need to download all the modules. We can solve this problem by lazy loading those modules. The Angular allows us further optimize our app using a technique called PreLoading. In this article let us explore what is Preloader is. We will also learn to use the built in Preloading strategies like NoPreloading & PreloadAllModules. Later, we will look how to build a custom Preloading strategy so as to fully control what gets lazy loaded and what gets Preloaded.
In this guide we learn about Angular HTTP Error Handling. We use HTTP Interceptor to catch the HTTP Errors. The HTTP Interceptors catches all the error arising out of the HTTP Requests using the catchError operator. You can then properly handle the error or re throw it back to the subscriber using the throwError operator.
In this tutorial, we look at how error handling works in Angular. We also learn how to create a Global Error handler or custom error handler in Angular. We learn why we need to handle errors and some of the best practices. In the end we will learn few tips like how to Inject services to global error handler, How to show user notification page etc.
In this tutorial we look at various ways by which we can style our Angular components. We looked at how to apply global styles to the Angular app. You can apply styles to components in various ways. For example, using inline style, using external style, using template inline style, using ngClass directive, ngStyle directive etc. We cover all these in this article on Angular Component styles
The Angular Class binding is used to add or remove classes to and from the HTML elements. You can add CSS Classes conditionally to an element, hence creating a dynamically styled element.