Angular

Migrate to Standalone Components in Angular

This guide shows you how to migrate existing project to standalone components in Angular. ng generate command helps us to Migrate an existing Angular Project to Standalone Components. It will also migrate the directives and pipes to Standalone API. The Angular CLI takes care of the majority of the migration work, but there might be a need for a few minor changes from your end. In this article we will discuss the steps involved in migrating to standalone components in Angular in detail.

Migrate to Standalone Components in Angular Read More »

How to use Standalone Components with Angular Router

In this step-by-step Angular Router Tutorial, we learn how to use Angular Router to navigate from one view to another view using standalone components. Angular introduced Standalone Component API in version 14. It became a stable API in the Angular 15. One of the biggest benefits of the Standalone Component is that it offers a better Lazy loading than the Module-based API. In this guide, we will show you how to set up and configure the Angular routes to Standalone Components. We will show you this by creating an an Angular Routing Example application with a Standalone Components and create a menu navigation system using the Angular Router.

How to use Standalone Components with Angular Router Read More »

ng new in Angular CLI

Angular CLI Angular Tutorial Update Angular   We use the ng new to create a new Angular project. It is part of the Angular CLI and It creates a workspace and an initial application with the predetermined configurations. This helps us to get started with a new Angular application quickly. ng new Without the new

ng new in Angular CLI Read More »

ActivatedRoute in Angular

ActivatedRoute is a service, that provides route-specific information associated with a component that is loaded in an outlet. We use it to find Route Parameters, Query Parameters, URL Fragments, Static Data attached to the Route, Route Configuration that is matched this route, and ActivatedRoute instance of the root, parent, firstChild, and all children components, etc

ActivatedRoute in Angular Read More »

Scroll to Top