/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 vote268 views1 answer
Angular format phone number while typing
Javascript AngularJS
1 vote247 views2 answers
Get input value angular
Javascript AngularJS
0 vote272 views1 answer
Angular autocomplete displaywith
Javascript AngularJS
0 vote226 views1 answer
Add comma after each valiue but don't add in last in angular 6
Javascript AngularJS
-1 vote253 views1 answer
Change the focus to next in angular forms
Javascript AngularJS
0 vote248 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
1 vote239 views2 answers
Angular 8 to 9
Javascript AngularJS
0 vote237 views1 answer
Angular assign class invalid form
Javascript AngularJS
2 votes285 views1 answer
Angular 8 how to iterate json object in view
Javascript AngularJS
0 vote277 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS