/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

7 votes163 views2 answers
Install angular fire
Javascript AngularJS
0 vote157 views1 answer
Open new tab with angular router
Javascript AngularJS
1 vote145 views1 answer
Drop down listing in angular form
Javascript AngularJS
0 vote173 views1 answer
Display component in popup angular 8
Javascript AngularJS
0 vote152 views1 answer
Put validation on the cell number in angular
Javascript AngularJS
0 vote147 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
0 vote152 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
0 vote145 views1 answer
Delete from array in angular
Javascript AngularJS
0 vote143 views1 answer
How to update angular core in ionic
Javascript AngularJS
0 vote190 views1 answer
Angular autocomplete displaywith
Javascript AngularJS