DEV Community

Cover image for Angular Standalone components - CheatSheet
Fabio Biondi
Fabio Biondi

Posted on

15 1 1 1

Angular Standalone components - CheatSheet

Standalone components are one of the features that have definitely simplified the use of Angular.
They have been available since version 14 of the framework and, version after version, they have been further enhanced and improved.

Since Angular v.16, the Input decorator supports several new features, including:

➡️ "required": enforce that a given input must have a value
➡️ "alias": change the name of an input in templates
➡️ "transform (fn)": transform the input value
➡️ "transform (booleanAttribute)": coearcing values to boolean
➡️ "transform (numberAttribute)": coearcing values to number

But in the next releases of Angular we will have a fantastic news:
the input signals! 😍

Stay tuned!

oh I was forgetting... 😅
I attach a simple cheatsheet to list some of them

Image description

Top comments (1)

Collapse
 
jangelodev profile image
João Angelo

Hi Fabio Biondi,
Your article is very cool
Thanks for sharing

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series