Openlayers in Angular

Question

I have a click function on an OpenLayers map

testvar: string
map = new Map()


ngOnInit(): void {

this.map.on('click', function(event) {
   console.log(this.testvar)
})

}

But this is not available within the scope of the click function.

Any ideas how to do this/

let that = this; console.log(that.testvar) not Sure but try like this. — Najam Us Saqib
– Najam Us Saqib, Commented Jan 19, 2021 at 7:41

David ROSEY · Accepted Answer · 2021-01-19 08:25:55Z

1

this is because you declare your function using the function keyword. If you declare you function as an arrow function, it will work:

this.map.on('click', event => {
   console.log(this.testvar)
})

answered Jan 19, 2021 at 8:25

David ROSEY

1,8152 gold badges11 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1