|
1 | | -# angular-nested-component-with-input-and-output-decorator |
2 | | -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. |
| 1 | +# Angular Nested Component with Input and output decorator |
| 2 | + |
| 3 | +This blog helps you to create a nested angular nested component and pass data between parent and child components. |
| 4 | +For passing data you will use Input() and Output() decorator. |
| 5 | + |
| 6 | +For this tutorial you will create a Angular Component called as "Products" and nested component with name "Product-Details". |
| 7 | +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. |
| 8 | + |
| 9 | +## Angular Component |
| 10 | + |
| 11 | +1. **[Angular Parent Component](https://github.com/geeksarray/angular-nested-component-with-input-and-output-decorator/tree/main/src/app/products)** - Product component created as parent component passess its value to child component. |
| 12 | + |
| 13 | +1. **[Angular Child Component](https://github.com/geeksarray/angular-nested-component-with-input-and-output-decorator/tree/main/src/app/products)** - Product details component |
| 14 | +created as child component which gets value of "SalesRating" from parent component. |
| 15 | + |
| 16 | +For more info on Angular Nested components please visit - [Angular nested component with input and output decorato](https://geeksarray/blog/angular-nested-component-with-input-and-output-decorator) |
0 commit comments