With Angular 16, you can use the {𝑟𝑒𝑞𝑢𝑖𝑟𝑒𝑑:𝑡𝑟𝑢𝑒} option for an @𝐼𝑛𝑝𝑢𝑡() decorator to make a property mandatory.

This means that the component will only work if you pass a value for that property.

👨‍💻ＣＯＤＥ　ＳＮＩＰＰＥＴ

❌ＥＲＲＯＲ

If the name property of GreetingComponent is not filled, the error message will be something like this:

𝐸𝑟𝑟𝑜𝑟: 𝑀𝑖𝑠𝑠𝑖𝑛𝑔 𝑟𝑒𝑞𝑢𝑖𝑟𝑒𝑑 @𝐼𝑛𝑝𝑢𝑡() 𝑓𝑜𝑟 𝑐𝑜𝑚𝑝𝑜𝑛𝑒𝑛𝑡 𝐺𝑟𝑒𝑒𝑡𝑖𝑛𝑔𝐶𝑜𝑚𝑝𝑜𝑛𝑒𝑛𝑡: 𝑛𝑎𝑚𝑒

#angular #angular16 #requiredInput #programming