In this tutorial, we’ll talk about the modern control flow in AngularIn previous versions of Angular, template control flow was based on structural directives such as *ngIf, *ngFor, and *ngSwitch. I covered it in an earlier lesson.The new control flow makes template...
Tutorials
Standalone components in Angular
In this lesson, we’ll take a closer look at standalone components (and other entities such as pipes and directives) in Angular. The standalone approach is one of the key global changes in the architecture of Angular applications. Standalone components eliminate the...
Modern Angular
I’m happy to welcome you back after 4 years since my last video. A lot has happened over these years — of course, the war, and simply not enough time. But now I’m back to active work again. In this video, I’ll briefly talk about what has changed in Angular: standalone...
Angular. Component Lifecylce. Part two
I come back after a long timeout because my relocation to Cyprus. In this video I'll remind you about last discussing lifecycle angular component hooks. Also we'll consider the special decorators for getting access to child component from parentAngular has termines...
Angular. Component lifecycle
Every Angular component has its own lifecycle. Lifecycle includes several optional methods, which you can realize for response to different component events (change detection run for example)To describe lifecycle method (hooks) you need implement interface contains...
Angular. Change detection
Angular app is components tree. When something has changed in component (DOM changes, run timeout, intervals, promises, http requests), Angular checks all components for changes. It can affect negatively to app performance. In this video we'll consider change...
Angular. Components interaction
Today we'll consider interaction between parent and child Angular components. Components with different levels of nesting can interact with middl service (we'll talk about it in next videos).We have to use @Input() and @Output() decorators for using interaction...
Angular. Built-in directives. Dynamic element attributes
In this video we'll talk about several built-in Angular directives - ngStyle, ngClass, ngSwitchCase, ng-templateAlso we'll discuss local templates inside ngFor element template. Especially I notice about importance of trackBy. This param increase Angular apps...
Angular. Structural directives *ngFor and *ngIf
In this tutorial we'll consider Angular structural directives - *ngFor and *ngIf and the special directive ng-containerAngular has hot three kinds of directives structural - it changes DOM structure. attributes - it changes the element view/behaviour. components...