/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 vote158 views1 answer
Angular viewchild input element value
Javascript AngularJS
0 vote157 views1 answer
How to add toaster in angular 9
Javascript AngularJS
0 vote183 views3 answers
Html2canvas angular
Javascript AngularJS
0 vote147 views1 answer
New date in interpolation angular
Javascript AngularJS
0 vote141 views1 answer
Toast notification angular bootstrap 8
Javascript AngularJS
0 vote141 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
0 vote165 views1 answer
Angular ngif object not null
Javascript AngularJS
0 vote164 views1 answer
Angular pipe json error
Javascript AngularJS
0 vote144 views1 answer
How to write a test case for dropdown selection change in angular 9
Javascript AngularJS
2 votes192 views1 answer
Gitignore for angular
Javascript AngularJS