2

I have an Angular app having multiple external JavaScript files included from /app/asset/scripts and working fine while calling from <script> tag. I am trying to call JavaScript function from angular(.ts), but it throws an error. Here is the snippet:

src/app/asser/scripts/viewer.js

function MyView(x, y) {
  //other stuffs
  this.initView(x, y); <---- error here
}

MyView.prototype.initView = function(x, y) {
  console.log("initView");
}

src/app/viewer/viewer-component.ts

declare var MyView: any;

export class myComponent{
  constructor(){}
  init(){
    this.view = MyView(1000, 800);
  }
}

While invoking the initView from JS. It throws the error below:

ERROR TypeError: this.initView is not a function
    at MyView (view.js:69)
    at RendererService.push.i2er.RendererService.SetupURL (viewer0.ts:31)

How this error can be resolved?

Thanks

Roman A.
  • 686
  • 5
  • 25
ahnirab
  • 168
  • 1
  • 11
  • Does this answer your question? [How does the "this" keyword work?](https://stackoverflow.com/questions/3127429/how-does-the-this-keyword-work) – phuzi Jul 14 '21 at 08:47

1 Answers1

4
function MyView(x, y) {
  //other stuffs
  this.initView(x, y); <---- error here
}

MyView.prototype.initView = function(x, y) {
  console.log("initView");
}

MyView is a constructor function.

In order to use this you should call it with new keyword

new MyView(2,2)

I'm not sure that you need declare var MyView: any;

captain-yossarian from Ukraine
  • 31,174
  • 3
  • 30
  • 62