Angular UI Development with PrimeNG

Communication between components

Components can communicate with each other in a loosely coupled manner. There are various ways Angular's components can share data, including the following:

• Passing data from parent to child using @Input()
• Passing data from child to parent using @Output()
• Using services for data sharing
• Calling ViewChild, ViewChildren, ContentChild, and ContentChildren
• Interacting with the child component using a local variable

We will only describe the first three ways. A component can declare input and output properties. To pass the data from a parent to a child component, the parent binds the values to the input properties of the child. The child's input property should be decorated with @Input(). Let's create TodoChildComponent ...