In this tutorial, we will show you how to make use of Angular Canload Guard with an example. The Angular Route Guards are used to control, whether the user can navigate to or away from a given route. The canload guard determines whether a particular lazy loaded child route can be loaded.
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
