You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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