How to call a javascript function from typescript in Angular2?

Question

Hi i need to call a normal javascript function from a typescripit file.

Assume that i have a javascript file names test.js and i have imported this file in the index.html of the application.

Now i need to call this test() function from app.component.ts file.

function test(){

cosole.log('test');

}

Possible duplicate of Angular2 - how to call component function from outside the app — Mistalis
– Mistalis, Commented Jun 21, 2017 at 7:05
where is that JavaScript function ,i mean write some other component ? — yala ramesh
– yala ramesh, Commented Jun 21, 2017 at 7:44
Just look in following answer. https://stackoverflow.com/a/37348233/7880063 — Ravikumar
– Ravikumar, Commented Jun 21, 2017 at 13:02

Croeber · Accepted Answer · 2017-10-03 13:21:52Z

6

This works for me

(window as any).myJavascriptFunction()

answered Oct 3, 2017 at 13:21

Croeber

4793 gold badges10 silver badges24 bronze badges

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

Comments

Sriram Jayaraman · Accepted Answer · 2017-06-21 07:15:21Z

2

I think there is no default way to in JavaScript. What you can do is write your JS file like this.

className/test.js

class className {
   function test() {
     console.log('test');
}
exports.default = className;

Create a Type definition.

className/index.d.ts

export default class className {
   test(): void;
}

You can now use your JS in app.component.ts.

import className from "./className";

var t = new className();
t.test();

answered Jun 21, 2017 at 7:15

Sriram Jayaraman

8602 gold badges9 silver badges15 bronze badges