Angular v18 highlights

Nhan Nguyen - May 23 - - Dev Community

​The Angular v18 has been released πŸš€πŸš€πŸš€.

Check out the official announcement for in-depth updates.

Some highlights of this new version are here:

βž– Control flow syntax is now stable, and useful warnings are included when the track option is not used correctly.

βž– Defer block is also stable for lazy-loading Angular templates any way we want.

βž– Zoneless change detection to unlock the full benefits of signal-based components.

βž– Fallback content for content projection with ng-content. Here is how to use it to make the default content β€œHi” in this example if the select query doesn’t return anything:

<ng-content select=".greeting">Default</ng-content>
Enter fullscreen mode Exit fullscreen mode

βž– New events Observable available on form controls, which returns any event going on in that control, including the different form state properties (valid, pristine, etc.)

βž– etc


I hope you found it helpful. Thanks for reading. πŸ™

Let's get connected! You can find me on:

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .