visual-studio - 从 typescript Angular 2调用javascript函数

Question

我使用 VS 2015 作为我的 IDE。我已阅读以下内容: Angular 2 typescript invoke javascript function

和

Using a Javascript Function from Typescript

和

Using a Javascript Function from Typescript

然而，我仍然不了解基础知识。

假设我有 testing.js和 app.component.ts

    var testJs = function () {
    this.asd = 123;

}

testJs.prototype.testing = function (param) {
    console.log(param);
}

如何在我的 app.component.ts 中使用 testJs？目前我尝试这样做但失败了:

import { Component } from '@angular/core';
interface testJs {
    testing: Function;
}
declare var testJs: testJs;
@Component({
    selector: 'my-app',
    templateUrl: '/mainTemplate.html'
})
export class AppComponent {
    testJs.testing("adsf");
}

我已经尝试了以下方法，但仍然无法正常工作。

而且我没有 angular.cli。没有 angular.cli 可以做到吗？

Answer 1

终于找到办法了。

1. 在下载 main.js 文件的 html 文件中，将对 javascript 文件的引用放在 head 标记中

2. 在您的 typescript 文件中(在本例中我使用的是 angular)执行以下操作:

一个。声明变量:

在导出类的构造函数中使用函数

import { Component } from '@angular/core';
declare function testJs(): any;
@Component({
    selector: 'my-app',
    templateUrl: '/mainTemplate.html'
})

export class AppComponent {
    user: string;
    constructor() {
        testJs.prototype.testFunction();
        this.user = "asdf";
        var x = 90;
    }
}