Cory Rylan

My name is , Google Developer Expert, Speaker, Software Developer. Building Design Systems and Web Components.

Follow @coryrylan
Angular

Animating Lists with Angular Animations

Cory Rylan

- less than a minute

Updated

This article has been updated to the latest version Angular 17 and tested with Angular 16. The content is likely still applicable for all Angular 2 + versions.

I recently got the change to write a guest blog post on Ultimate Courses about Angular Animations with ngFor!

The Angular Animations API provides a declarative API to build and reuse animations throughout our components. In this post, we will learn how to make simple transition animation and then build on what we learned to make a complex animation for a text and image-based lists using `*ngFor`...

Continue Reading on Ultimate Courses!

Twitter Facebook LinkedIn Email
 

No spam. Short occasional updates on Web Development articles, videos, and new courses in your inbox.

Related Posts

Angular

Creating Dynamic Tables in Angular

Learn how to easily create HTML tables in Angular from dynamic data sources.

Read Article
Web Components

Reusable Component Patterns - Default Slots

Learn about how to use default slots in Web Components for a more flexible API design.

Read Article
Web Components

Reusable Component Anti-Patterns - Semantic Obfuscation

Learn about UI Component API design and one of the common anti-patterns, Semantic Obfuscation.

Read Article