HTML – Natan Code

What is Data Binding in Angular?

It’s a way of communication between TypeScript code and HTML template. Let’s see an example below. I created a component called “user”. We have a variable that stores the value of the “username” and a method that resets this value, it’s a method triggered by a click event in the HTML template. In the HTML…

How does work Deferrable Views in Angular 17 ?

In previous versions of Angular, to use lazy loading it is necessary to specify modules in the routes using loadChildren.This behavior can be observed in the documentation itself. Below is code taken from the documentation. In the new version of Angular 17 we can use Deferrable Views, so we can do lazy loading. Practice Let’s…

How does work New Control Flow Syntax in Angular 17 ?

Angular 17 has undergone significant modernization, introducing new syntax, and features, and achieving better performance. Notably, they made substantial transformations. In this post, we will focus on New Control Flow Syntax. The Angular 17 introduced the @if, @for, and @switch syntax. Let’s explore each one. @if block conditionally The @if block conditionally displays its content when its condition expression…

The two Axes of Flexbox

Flexbox is widely used nowadays, as it is possible to create complex and flexible layouts in a simple way. Before Flexbox existed, it was more complex to create layouts. Introduction We have two directions: row and column. We can specify the direction using the flex-direction property. There are two axes: the main axis and the…