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](https://stackoverflow.com/questions/35296704/angular2-how-to-call-component-function-from-outside-the-app) — Mistalis, Jun 21 '17 at 07:05
where is that JavaScript function ,i mean write some other component ? — yala ramesh, Jun 21 '17 at 07:44
Just look in following answer. [https://stackoverflow.com/a/37348233/7880063](https://stackoverflow.com/a/37348233/7880063) — Ravikumar, Jun 21 '17 at 13:02

score 6 · Answer 1 · answered Oct 03 '17 at 13:21

6

This works for me

(window as any).myJavascriptFunction()

answered Oct 03 '17 at 13:21

Croeber

score 2 · Answer 2 · answered Jun 21 '17 at 07:15

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();

2 Answers2