Angular2

The environment injector is a generalized version of NgModuleRef, which is also known as the “module injector”. It’s one of the primitives… — The environment injector is a generalized version of NgModuleRef, which is also known as the “module injector”. It’s one of the primitives required to support standalone components APIs introduced in Angular v14. We can currently use NgModule to run some initialization logic, for example:

One of Angular 14’s most sought-after features is about to arrive — Typed Reactive Forms. You can begin experimenting with it now by… — One of Angular 14’s most sought-after features is about to arrive — Typed Reactive Forms. You can begin experimenting with it now by creating a new Angular 14 project: npx @angular/cli@next new angular14 Let’s review what’s new in this area: FormControl We pass a string, so the form control is…

Starting from version 14, Angular adds the option of setting the page title through the router. We can set the title property in our route… — Starting from version 14, Angular adds the option of setting the page title through the router. We can set the title property in our route definition: There are times when a dynamic title is needed. For example, we might want to show a todo’s title on a todo page…

Dates are an integral part of almost every application. Angular provides a date pipe out-of-the-box. The date pipe allows users to convert… — Dates are an integral part of almost every application. Angular provides a date pipe out-of-the-box. The date pipe allows users to convert dates according to predefined or custom Angular date formats. For example: Using it today is disadvantageous because we load a bunch of code when we can probably…

The powers that be have spoken, and based on the community’s feedback, the often maligned NgModule is on its way out (partially). Angular… — The powers that be have spoken, and based on the community’s feedback, the often maligned NgModule is on its way out (partially). Angular 14 introduces an alternative way to write applications — Standalone components, directives, and pipes. The term “standalone” refers to components, directives, or pipes that can be used…

Geralmente em formulários de cadastro temos um campo onde o usuário pode cadastrar sua senha e logo após um campo para que ele repita a… — Geralmente em formulários de cadastro temos um campo onde o usuário pode cadastrar sua senha e logo após um campo para que ele repita a mesma senha. Essa validação em muitos sites é real time,onde a cada digitação do usuário no campo de confirmar senha é verificado se a senha…

😫I had some headache from looking at the code my coworker was working on; he made all const varaiables as UPPERCASE!!!! Kind of… — 😫I had some headache from looking at the code my coworker was working on; he made all const varaiables as UPPERCASE!!!! Kind of understandable as there is no style guide for const in TypeScript or Angular official websites and he’s from a static programming language background. This article will not…

Navigation is an important aspect that affects the user experience for a web app. Resolver is one such tool that helps us to improve… — Navigation is an important aspect that affects the user experience for a web app. Resolver is one such tool that helps us to improve navigation by prefetching some of the data when the user is navigating from one route to another. It can be defined as a smooth approach for…

In this article, we’ll create a dialog component by using the new dialog element, which is already supported by all major browsers. Our API… — In this article, we’ll create a dialog component by using the new dialog element, which is already supported by all major browsers. Our API will be template-driven: We’ll create a dialog component and use an attribute selector. The dialog element will serve as the host, and the component template…