Loiane Groner • 4/12/2026

Modern Angular 12: Conditional Rendering with @if and @else

This article is lesson 12 of a Modern Angular Course, teaching developers how to use Angular 12's @if and @else control flow for conditional rendering. It covers rendering different UI blocks based on product data, showing sale information only when a product is on sale, applying conditional styling, and handling optional fields. The tutorial includes setup of mixed product data and adding a sale badge with @if, making templates readable while adding logic.

0 comments

#conditional rendering #angular #Angular 12