Question

我在apps文件夹中有JSAngular2Demo.js，它包含一个简单的函数： -

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

}

我想从apps.component.ts

调用此函数

为此： -

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

但是这个功能没有被调用。

可能的原因是什么？

Answer 1

在JSAngular2Demo.js中导出您的功能，如： -

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

将"allowJs": true,添加到tsconfig.json文件以允许compilerOptions下的js文件

Javascript函数无法从typescript

1 个答案: