Angular 17 New Control Flow | New Syntax for Templates

Показать описание

Angular 17 with a new control flow is on the horizon, and it's bringing new syntax with it a big change that will greatly improve templates! In this video, I introduce you to the built-in syntax for conditional, loop, and switch blocks that is set to debut in the upcoming Angular 17 release, scheduled for November 2023. Additionally, I'll explain the "empty" block in the for loop, enabling you to create templates for empty lists, whether they're arrays or objects.

✔️ This marks the most significant change ever made to ng-templates, and it's being developed based on positive feedback from the community and surveys conducted by the @Angular team.

✔️ Don't worry if you've grown attached to the old syntax. While the old syntax will receive continued support for an extended period, it will be marked as deprecated, and users will be strongly encouraged to transition to the new syntax.

👁️‍🗨️ I visually illustrate the stark differences between the old and new syntax. You'll see firsthand just how impactful this change is and how it can streamline your development workflow. In my next videos, you'll get insights and tips to make your transition smooth and painless.

What you will learn in this video:
0:00 Conditional blocks
0:33 Loop blocks
1:06 The new "empty" block for the for loop
1:24 Switch blocks
1:44 The old syntax

💻 Whether you're a seasoned Angular developer or just getting started, you won't want to miss this crucial update that's set to redefine how you work with templates. Stay ahead in the world of programming and frameworks with our channel, and stay tuned for more in-depth insights and tutorials.

Sources:

For more tips and updates, follow me on:

#angular #angular17

Рекомендации по теме

Комментарии

Ну что, можно уже в моуш дизайнеры скоро идти, Игорь, спасибо за старания! Видно, что, что вкладываете душу в видео:)

sfspmusic

waouw angular is really changing a lot of things again, i saw standalone components last month then signal and now this !

Thank you for the explanations.

raphaelspitz