How to share data from child to parent using viewchild

Rajesh Mani answered on December 30, 2022 Popularity 3/10 Helpfulness 1/10

answer How to share data from child to parent using viewchild

How to share data from child to parent using viewchild

Comment

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { ChildComponent } from "../child/child.component";

@Component({
  selector: 'app-parent',
  template: `
    Message: {{ message }}
    <app-child></app-child>
  `,
  styleUrls: ['./parent.component.css']
})
export class ParentComponent implements AfterViewInit {

  @ViewChild(ChildComponent) child;

  constructor() { }

  message:string;

  ngAfterViewInit() {
    this.message = this.child.message
  }
}

Popularity 3/10 Helpfulness 1/10 Language typescript

Source: fireship.io

Tags: parent share typescript

Link to this answer
Share Copy Link

Contributed on Dec 30 2022

Rajesh Mani

0 Answers Avg Quality 2/10

How to share data from child to parent using viewchild

Contents

More Related Answers

How to share data from child to parent using viewchild

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.