/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 vote123 views1 answer
Calling angular component method in service
Javascript AngularJS
8 votes130 views3 answers
How to use another port in angular
Javascript AngularJS
0 vote135 views1 answer
Host angular app on node server
Javascript AngularJS
8 votes125 views2 answers
Redirect angular
Javascript AngularJS
50 votes235 views3 answers
Angularjs substring
Javascript AngularJS
0 vote124 views1 answer
Angular generate without spec
Javascript AngularJS
0 vote133 views1 answer
New date in interpolation angular
Javascript AngularJS
0 vote123 views1 answer
Angular redirect to external url
Javascript AngularJS
1 vote123 views1 answer
Condition in string interpolation angular
Javascript AngularJS
0 vote121 views1 answer
Angular ng class with animation
Javascript AngularJS