How to receive data from parent component in angular

Rajesh Mani answered on February 9, 2022 Popularity 9/10 Helpfulness 1/10

answer How to receive data from parent component in angular

related pass data from parent to child component angular 8

How to receive data from parent component in angular

Comment

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

@Component({
  selector: 'app-child',
  template: `
      Say {{ message }}
  `,
  styleUrls: ['./child.component.css']
})
export class ChildComponent {

  @Input() childMessage: string;

  constructor() { }

}

Popularity 9/10 Helpfulness 1/10 Language typescript

Source: fireship.io

Tags: angular parent typescript

Link to this answer
Share Copy Link

Contributed on Dec 30 2022

Rajesh Mani

0 Answers Avg Quality 2/10

Closely Related Answers

pass data from parent to child component angular 8

Comment

Parent-Component

eventsSubject: Subject<void> = new Subject<void>();

emitEventToChild() {
  this.eventsSubject.next();
}
Parent-HTML
<child [events]="eventsSubject.asObservable()"> </child>
Child-Component

private eventsSubscription: Subscription;

@Input() events: Observable<void>;

ngOnInit(){
  this.eventsSubscription = this.events.subscribe(() => doSomething());
}

ngOnDestroy() {
  this.eventsSubscription.unsubscribe();
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angular javascript parent pass-data

Link to this answer
Share Copy Link

Contributed on Feb 09 2022

Cautious Centipede

0 Answers Avg Quality 2/10

How to receive data from parent component in angular

Contents

More Related Answers

How to receive data from parent component in angular

Closely Related Answers

pass data from parent to child component angular 8

Grepper

Documentation

Social

Legal

Contact

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