/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 vote217 views1 answer
Application pool angular 8
Javascript AngularJS
1 vote130 views4 answers
Angular 12 features
Javascript AngularJS
25 votes232 views6 answers
How to install bootstrap in angular
Javascript AngularJS
0 vote141 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
0 vote138 views1 answer
How can I check which version of Angular I'm using?
Javascript AngularJS
2 votes140 views4 answers
This version of CLI is only compatible with Angular versions
Javascript AngularJS
0 vote129 views2 answers
Angular 4200 on ec2 access is localhost
Javascript AngularJS
35 votes257 views6 answers
Angular router
Javascript AngularJS
0 vote133 views1 answer
@angular/common
Javascript AngularJS
1 vote125 views2 answers
Get input value angular
Javascript AngularJS