child to parent in angular

Nanu answered on October 3, 2022 Popularity 9/10 Helpfulness 4/10

answer child to parent in angular

related child to parent communication in angular

related child to parent in angular

child to parent in angular

Comment

export class ParentComponent implements AfterViewInit {  
  
  @ViewChild(ChildComponent) child;  
  
  constructor() { }  
  
  productInParent=[];  
  
  ngAfterViewInit() {  
    this.productInParent = this.child.productInChild;  
  }  
}  

--child.ts
productInChild = [];

--Second Method
------------------------------------------------------------
--Child
@Output() onDatePicked = new EventEmitter<any>();

--Child
public pickDate(date: any): void {
    this.onDatePicked.emit(date);
}

--Parent
<div>
    <calendar (onDatePicked)="doSomething($event)"></calendar>
</div>

--Parent
public doSomething(date: any):void {
    console.log('Picked date: ', date);
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: angular javascript parent

Link to this answer
Share Copy Link

Contributed on Apr 20 2023

Nanu

0 Answers Avg Quality 2/10

Closely Related Answers

child to parent communication in angular

Comment

content_copy
import { Output, EventEmitter } from '@angular/core';

Popularity 10/10 Helpfulness 1/10 Language python

Source: angular.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Oct 03 2022

Pemmasani Mahesh babu

0 Answers Avg Quality 2/10

child to parent in angular

Comment

--Child
@Output() onDatePicked = new EventEmitter<any>();

--Child
public pickDate(date: any): void {
    this.onDatePicked.emit(date);
}

--Parent
<div>
    <calendar (onDatePicked)="doSomething($event)"></calendar>
</div>

--Parent
public doSomething(date: any):void {
    console.log('Picked date: ', date);
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angular javascript parent

Link to this answer
Share Copy Link

Contributed on Apr 08 2023

Nanu

0 Answers Avg Quality 2/10

child to parent in angular

Contents

More Related Answers

child to parent in angular

Closely Related Answers

child to parent communication in angular

child to parent in angular

Grepper

Documentation

Social

Legal

Contact

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