Correctly getting angular service object reference when a function is invoked using Window object

Question

I have a function exposed on window object. This is getting invoked from my Windows Application.

window.patchTransaction = this.AngularService.myMethod.bind(this);

In AngularService.js

myMethod(val) {
window.alert(val); // argument i am passing from Windows appication
 window.alert(this); // undefined
}

How can i get this reference of AngularService inside myMethod?

What is the value of "this" when you call window.patchTransaction = this.AngularService.myMethod.bind(this) ? — Judah Gabriel Himango
– Judah Gabriel Himango, Commented Jan 17, 2018 at 15:07
No - the value you're passing from Windows application will be "val", not "this". The "this" value will be whatever "this" is when you call .bind. — Judah Gabriel Himango
– Judah Gabriel Himango, Commented Jan 17, 2018 at 15:12
Inside of the function this is undefined which is the problem. I have other properties of this which i need to access. — Anubhav Trivedi
– Anubhav Trivedi, Commented Jan 17, 2018 at 15:12
Right. Which leads me back to my original question: when you call window.patchTransaction = ..., what is the value of "this"? (I'm not asking about the value of "this" inside myMethod. I'm asking what it is when you setup window.patchTransaction.) — Judah Gabriel Himango
– Judah Gabriel Himango, Commented Jan 17, 2018 at 15:13

Anubhav Trivedi · Accepted Answer · 2018-01-17 16:07:36Z

1

Rather than directly assigning Angular Service method to exposed window object.

In AngularController

window.patchTransaction = this.delegateMethod.bind(this);

delegateMethod(str) {
 this.AngularService.myMethod(str);
}

answered Jan 17, 2018 at 16:07

Anubhav Trivedi

1,2901 gold badge13 silver badges19 bronze badges

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

1 Answer 1