Input ( @𝐈𝐧𝐩𝐮𝐭() ) is one of the most used decorators in Angular apps.
It is used to pass data from the parent or host component to the child component.
This decorator has a relation with DOM property in the template where the child component is used.
To define an input for a component, use the @𝐈𝐧𝐩𝐮𝐭 decorator.
For example if one component needs a user argument to render information about that user:
👉 add an @𝐈𝐧𝐩𝐮𝐭 binding to user:👇👇👇
𝟭. 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁'𝘀 𝗰𝗼𝗻𝘁𝗿𝗼𝗹𝗹𝗲𝗿⬇️⬇️⬇️
𝟮. 𝗣𝗮𝗿𝗲𝗻𝘁 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁'𝘀 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲⬇️⬇️⬇️