/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 vote225 views1 answer
Await in angular 8
Javascript AngularJS
8 votes230 views3 answers
Angular formgroup on value change
Javascript AngularJS
1 vote224 views1 answer
Angular button open file input
Javascript AngularJS
-1 vote209 views1 answer
Angular router return back
Javascript AngularJS
1 vote221 views2 answers
Angular disable select dropdown
Javascript AngularJS
3 votes222 views1 answer
Ternary operator angular template
Javascript AngularJS
1 vote243 views1 answer
Angular contains both .browserslistrc and browserslist
Javascript AngularJS
0 vote213 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
0 vote238 views1 answer
How to set header in angular 8post
Javascript AngularJS
0 vote274 views1 answer
Como saber cuando un link cambia angular
Javascript AngularJS