/Javascript/AngularJS/Bind an event to dom element angular

Bind an event to dom element angular

import { AfterViewInit, Component, ElementRef} from '@angular/core';

constructor(private elementRef:ElementRef) {}

ngAfterViewInit() {
  this.elementRef.nativeElement.querySelector('my-element')
                                .addEventListener('click', this.onClick.bind(this));
}

onClick(event) {
  console.log(event);
}

Source: stackoverflow.com

Similar codes

0 vote131 views1 answer
Reactive forms change event in angular
Javascript AngularJS
6 votes106 views2 answers
Angular dynamic class
Javascript AngularJS
0 vote130 views1 answer
Angular img src binding
Javascript AngularJS
0 vote114 views1 answer
Click binding angular 8
Javascript AngularJS
0 vote131 views1 answer
Index and id togtgher angularjs
Javascript AngularJS
0 vote72 views4 answers
How to implement read more and readless in angular
Javascript AngularJS
0 vote106 views1 answer
Add comma after each valiue but don't add in last in angular 6
Javascript AngularJS
-1 vote107 views1 answer
Date range picker in angular 8
Javascript AngularJS
1 vote114 views1 answer
Angular right click on link
Javascript AngularJS
0 vote125 views1 answer
App is not a known element angular error
Javascript AngularJS