/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

1 vote276 views1 answer
Button disabled angular
Javascript AngularJS
0 vote301 views2 answers
How to run angular application in visual studio code
Javascript AngularJS
1 vote311 views1 answer
Nghide angular 10
Javascript AngularJS
3 votes284 views4 answers
Router-outlet' is not a known element angular
Javascript AngularJS
0 vote235 views1 answer
How to write a test case for dropdown selection change in angular 9
Javascript AngularJS
0 vote307 views2 answers
Delete with body angular
Javascript AngularJS
0 vote269 views1 answer
Angular resolver for cookie
Javascript AngularJS
0 vote254 views1 answer
Form reset input angular
Javascript AngularJS
0 vote244 views1 answer
Angular show text in template before data loads
Javascript AngularJS
0 vote218 views1 answer
Angular calendar updating until hovering
Javascript AngularJS