/Javascript/AngularJS/Send event to child component angular

Send event to child component angular

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();
}

Source: stackoverflow.com

Similar codes

0 vote302 views1 answer
Use your custom component inside Angular Material Dialog
Javascript AngularJS
29 votes393 views2 answers
Angular npm angular material
Javascript AngularJS
1 vote308 views1 answer
Modulo do angular httpclient
Javascript AngularJS
0 vote282 views1 answer
Angular cli command to skip tests
Javascript AngularJS
0 vote272 views2 answers
Print array angular
Javascript AngularJS
0 vote323 views1 answer
Change items per page pagination angularjs
Javascript AngularJS
0 vote371 views2 answers
Angularjs onclick disable button click
Javascript AngularJS
4 votes290 views3 answers
Get route query params angular
Javascript AngularJS
0 vote331 views1 answer
Angular copy folder to dist
Javascript AngularJS
0 vote324 views1 answer
How to make color squares in angular
Javascript AngularJS