/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

0 vote189 views1 answer
Coldfusion check if key exists and not empty
TypeScript
0 vote240 views1 answer
How to pass multiple ports in values.yaml of helm
TypeScript
1 vote206 views1 answer
Iterate object ngfor
TypeScript
1 vote196 views1 answer
How to install typescript in visual studio code
TypeScript
2 votes199 views2 answers
Python iterate object
TypeScript
6 votes196 views2 answers
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning
TypeScript
0 vote194 views1 answer
Typescript key values interface key from enum
TypeScript
0 vote223 views1 answer
Python select only first elements of a 2d array
TypeScript
0 vote187 views1 answer
Create dict of value to index from list python
TypeScript
1 vote224 views1 answer
Matlab run all tests in folder
TypeScript