
Learning Angular
By :

In a nutshell, Angular components expose a public API that allows them to communicate with other components. This API encompasses input properties, which we use to feed the component with data. It also exposes output properties we can bind event listeners to, thereby getting timely information about changes in the component state.
In this section, we will learn how Angular solves the problem of injecting data into and extracting data from components through quick and easy examples.
The application currently displays the product list and the selected product details in the same component. To learn how to pass data between different components, we will create a new Angular component that will display the details of the selected product. Data representing the specific product details will be dynamically passed from the product list component.
We will start by creating and configuring the component to display product details...