Working with Angular 12 and encountering an error when trying to invoke a method within another method. Here is a simplified representation of my situation (in TypeScript, specifically for Angular:
export class SomeClass {
testvariable
onTaskCompleted(results) {
if (!results) {
return;
} else {
//This line works fine
console.log(results);
//This line triggers an error
this.drawSomething(results)
//Actually, any reference to something outside of this function generates an error
this.testvariable = results
}
}
//The unique aspect of OnTaskCompleted is that it also serves as a callback handler for a third-party library, which causes the error.
//It is invoked in another function like so. It produces the correct result in onTaskCompleted but breaks whenever I attempt something similar to above.
this.something.onResults(this.onResults);
drawSomething(results) {
if (!results) {
return;
} else {
//perform some tasks
}
}
}
Upon running this code, I encounter a TypeError: Cannot read properties of undefined. When I include the doSomethingElse function within any other functions defined in my class, everything works as expected without any issues. The only significant observation is that the function where I'm facing this problem, doSomething(), is utilized as a callback by an external library, which seems to be responsible for triggering the error each time I mention anything 'outside' of doSomething in that function. I would greatly appreciate any insights or thoughts on this matter.