/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 vote124 views1 answer
Angular dinamic disabled
Javascript AngularJS
0 vote126 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote126 views1 answer
Angular ng build Maximum call stack size exceeded
Javascript AngularJS
2 votes122 views1 answer
Refresh date and time every second angular
Javascript AngularJS
2 votes121 views2 answers
Get month angular with 0
Javascript AngularJS
8 votes122 views2 answers
Redirect angular
Javascript AngularJS
0 vote124 views1 answer
Generate angular.json for existing project
Javascript AngularJS
18 votes105 views10 answers
Angular ngif
Javascript AngularJS
0 vote115 views1 answer
Angularjs find and update object in array
Javascript AngularJS
8 votes126 views3 answers
Angular serve on different port
Javascript AngularJS