Using *ngIf, *ngFor, and *ngSwitchCase | Angular Course
We continue our course on the basics of Angular.
In this video, we'll explore various nuances and features of using the *ngIf, *ngFor, and *ngSwitchCase structural directives, which we often encounter during development.
Support me on Boosty:
https://boosty.to/yuri_simonov
Timings:
00:00 Introduction
00:13 The * Symbol
04:17 Using Two Structural Directives on a Single DOM Tree Element
05:50 The Impact of the *ngIf Structural Directive's then and else branches on the DOM Tree
07:29 Logical Operators (&&, ||, ?:)
08:00 Optional Chaining (?.)
08:45 The as Keyword
10:43 Short Form Expressions for Structural Directives
11:31 Optimizing the *ngFor Directive
14:48 Using Structural Directives with Pipes
16:00 Possible Changes in Version 17
16:23 Summary
16:50 The Helper Project
The code from this lesson can be found in the GitHub repository in the corresponding section. Commit:
https://github.com/Yuri-Simonov/My-An...
Link to the playlist for this Angular course:
• Angular курс для начинающих | Angular уроки
My IT Telegram channel:
https://t.me/yuri_simonov_it
Link to the Helper project:
https://yuri-simonov.github.io/Helper/
Helper project chat:
https://t.me/yuri_simonov_helper