This blog helps you to create a nested angular nested component and pass data between parent and child components. For passing data you will use Input() and Output() decorator.
For this tutorial you will create a Angular Component called as "Products" and nested component with name "Product-Details". Products component shows list of products and each list item of product will have a seprate SalesRating and Local Sales Details coming from nested component.
-
Angular Parent Component - Product component created as parent component passess its value to child component.
-
Angular Child Component - Product details component created as child component which gets value of "SalesRating" from parent component.
For more info on Angular Nested components please visit - Angular nested component with input and output decorato