Javascript function not getting called from typescript

Question

I have JSAngular2Demo.js in apps folder which contains a simple function :-

function sample()
{
    alert("sample");

}

I want to call this function from apps.component.ts

For this:-

import {Component} from "@angular/core";
import "app/JSAngular2Demo.js";

declare function sample(): any;
@Component({ selector: "my-app", templateUrl:"app/UIAngular.html" })
export class AppComponent {
    strWelcomeMessage: string = "Welcome Sagar";
    constructor() {
        sample.prototype.sample();
    }
}

But this function is not getting called.

What can be the possible reason?

Why aren't you using Typescript?

Ghanshyam Singh
– Ghanshyam Singh

2017-06-21 06:27:55 +00:00
Commented Jun 21, 2017 at 6:27 — Ghanshyam Singh
– Ghanshyam Singh, Commented Jun 21, 2017 at 6:27

Ghanshyam Singh · Accepted Answer · 2017-06-21 06:22:54Z

1

Export Your function in JSAngular2Demo.js like:-

   module.exports = {
        sample: function() {

           alert("sample");
        }

    }

apps.component.ts

import {sample} from './JSAngular2Demo';


    @Component({ selector: "my-app", templateUrl:"app/UIAngular.html" })
    export class AppComponent {
        strWelcomeMessage: string = "Welcome Sagar";
        constructor() {
          sample();
        }
    }

And Add "allowJs": true, to tsconfig.json file to allow js files under compilerOptions

answered Jun 21, 2017 at 6:22

Ghanshyam Singh

1,3812 gold badges17 silver badges30 bronze badges

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

3 Comments

C Sharper Over a year ago

import {sample} from './JSAngular2Demo'; is not working

Ghanshyam Singh Over a year ago

Have you tried adding a reference of JsAngularDemo.js in Index.html ?

Ghanshyam Singh Over a year ago

import statement will work if you add allowJs:true in tsconfig file under compilerOptions

Collectives™ on Stack Overflow

Javascript function not getting called from typescript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related