/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 vote368 views1 answer
Configure column menu in kendo grid angular to hae only locked
Javascript AngularJS
0 vote362 views1 answer
Angular 12 tabs
Javascript AngularJS
3 votes358 views2 answers
Queryparams angular
Javascript AngularJS
0 vote372 views2 answers
Adding background video angular 6
Javascript AngularJS
0 vote347 views1 answer
Add icon to angular
Javascript AngularJS
0 vote340 views2 answers
Angular js parse json
Javascript AngularJS
0 vote336 views1 answer
Host angular app on node server
Javascript AngularJS
4 votes357 views3 answers
Reload sub component angular
Javascript AngularJS
0 vote331 views1 answer
Acheck angular version
Javascript AngularJS
1 vote324 views2 answers
Angular route change scroll to top
Javascript AngularJS