-
-See [Component Interaction](guide/component-interaction "Components & Templates > Component Interaction") for more information about passing data from a parent to child component, intercepting and acting upon a value from the parent, and detecting and acting on changes to input property values.
-
-
-
-
{@a output}
-## Output
-To make the "Notify Me" button work, you need to configure two things:
+## Pass data to a parent component
- - the product alert component to emit an event when the user clicks "Notify Me"
- - the product list component to act on that event
+To make the **Notify Me** button work, the child component needs to notify and pass the data to the parent component.
+The `ProductAlertsComponent` needs to emit an event when the user clicks **Notify Me** and the `ProductListComponent` needs to respond to the event.
-1. Open `product-alerts.component.ts`.
+1. In `product-alerts.component.ts`, import `Output` and `EventEmitter` from `@angular/core`.
-1. Import `Output` and `EventEmitter` from `@angular/core`:
+
+
- When the Angular CLI generates a new component, it includes an empty constructor, the `OnInit` interface, and the `ngOnInit()` method.
- Since the following example isn't using them, they are omitted here for brevity.
+ In new components, the Angular Generator includes an empty `constructor()`, the `OnInit` interface, and the `ngOnInit()` method.
+ Since these steps don't use them, the following code example omits them for brevity.
-
+
-
- 
- 
-