Free Post angular Testing Angular route guards with the RouterTestingModule We explore how to test route guards in isolation by stubbing services and passing fake routing data structures. Then we use the RouterTestingModule to test route guards in practice with route configurations.
Free Post angular Testing routed Angular components with the RouterTestingModule We learn how to stub the ActivatedRoute service for shallow routed component tests. We then use the RouterTestingModule for integrated routed component tests.
Free Post angular Testing Angular routing components with the RouterTestingModule This article teaches us about shallow and integrated routing component tests. The RouterTestingModule is useful for integrated routing component tests. To learn what the RouterTestingModule does, we discuss the Location service and its dependencies.
Free Post angular The difference between the canActivate and canActivateChild guards canActivateInterface that a class can implement to be a guard deciding if a route can be activated. If all guards return true, navigation will continue. If any guard returns false,
Free Post angular Improved Navigation in Angular 7 with switchMap With PR #25740 all navigations performed by Angular’s router are merged into a single, observable stream. There can also be only one active navigation at any time. This provides
Free Post angular New in Angular 7.1: Router Updates Some new features have been added to the Angular Router with version 7.1.0: Router guards can now return a UrlTree. This allows a guard to cancel the current
Free Post angular How to reuse common layouts in Angular using Router Most of the web apps I worked on so far, had a design where different pages are using common layout. For example layout which consists of header, footer and sidebar,
Free Post angular Angular Router Series: Pillar 3 — Lazy Loading, AOT, and Preloading Lazy loading is a useful technique for faster initial page loads. With lazy loading, your application loads faster by shipping only the essential startup code to the browser. Other code
Free Post angular Angular Router Series: Pillar 2 — Understanding The Router’s Navigation Cycle Routing is essential for any frontend framework or library. It makes single page applications possible by letting us load the application once, and display different content to the user through
Free Post angular The Three Pillars of the Angular Router — Router States and URL Matching You can play around with the above ROUTES at this stackblitz. Our first task is to understand how the router handles URLs internally. Urls and UrlSegmentGroupsLet’s start by understanding
Free Post angular Angular Router Series: Secondary Outlets Primer In this short article, we’re going to explore secondary outlets (sometimes called named router outlets), and see the role they play in routing. By the end of this article,
Free Post angular The Three Pillars of Angular Routing. Angular Router Series Introduction. The Angular router is a marvel of software engineering. From handling application navigation to enforcing route guards and facilitating lazy loading of modules, Angular’s router is indispensable for most
Free Post angular Deploy an Angular Application to IIS Getting your Angular Router application actually working in a non-root folder on Internet Information Services The Angular Router is a fantastic module for Single Page Apps. However, to deploy it
