Angular 17 New Control Flow | New Syntax for Templates
2.3 هزار بار بازدید -
9 ماه پیش
-
Angular 17 with a new
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:
▪️RFC "Built-In Control Flow": https://github.com/angular/angular/di...
▪️Implement new block syntax: https://github.com/angular/angular/pu...
Donation: Patreon: igorsedov
For more tips and updates, follow me on:
LinkedIn: LinkedIn: igorsedov
Instagram: Instagram: theigorsedov
Threads: https://www.threads.net/@theigorsedov
Twitter: Twitter: TheIgorSedov
Website: https://igorsedov.com
Email: [email protected]
#angular #angular17 #framework
✔️ 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:
▪️RFC "Built-In Control Flow": https://github.com/angular/angular/di...
▪️Implement new block syntax: https://github.com/angular/angular/pu...
Donation: Patreon: igorsedov
For more tips and updates, follow me on:
LinkedIn: LinkedIn: igorsedov
Instagram: Instagram: theigorsedov
Threads: https://www.threads.net/@theigorsedov
Twitter: Twitter: TheIgorSedov
Website: https://igorsedov.com
Email: [email protected]
#angular #angular17 #framework
9 ماه پیش
در تاریخ 1402/07/13 منتشر شده
است.
2,356
بـار بازدید شده