In Angular 4 how we can change the parent component value when we are in child component?

Question

Possible duplicate of [Update parent component property from child component in Angular 2](https://stackoverflow.com/questions/41464871/update-parent-component-property-from-child-component-in-angular-2) — ochs.tobi, Apr 18 '18 at 06:37
One of possible options is - both components may share same service: https://stackblitz.com/edit/two-sibling-components — happyZZR1400, Apr 18 '18 at 06:40
2 way data-binding is available in angular 4 aswell and is working just like that — ochs.tobi, Apr 18 '18 at 06:40

score 2 · Answer 1 · answered Apr 18 '18 at 06:44

2

Use @Output and EventEmitters to send data from a child components to it's parent. You can find tutorials on the offical docs

answered Apr 18 '18 at 06:44

Fussel

1,740
1
8
27

score 0 · Answer 2 · answered Apr 18 '18 at 06:49

Try this

child-component.ts

import { Component, OnInit, Input, Output,EventEmitter  } from '@angular/core';

    export class ChildComponent implements OnInit {
        @Output() parentValue = new EventEmitter<string>();

      onChange() {
              this.parentValue.emit("test");
        }
    }

parent-component.html

<app-parent (parentValue)="parentValue"></app-parent>

In Angular 4 how we can change the parent component value when we are in child component?

2 Answers2