typescriptからjavascript関数を呼び出す2

Question

私はIDEとしてVS 2015を使用しています。私は、次のことを読んだことがある： Angular 2 typescript invoke javascript function

と

Using a Javascript Function from Typescript

と

Using a Javascript Function from Typescript

しかし、私はまだ基​​本を得ることはありません。私はtesting.js を持っていると私は私のapp.component.tsでtestJsを使用するにはどうすればよい

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

} 

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

をapp.component.tsと仮定

？現時点ではこれを試してみましたが、失敗しました：

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. ここで、これはtestJS.jsです。これは外部のlibですか？そうならば、あなたは、角度-CLIそのようにそれを含める必要があります。

   "scripts": [ "../node_modules/.../testJS.js" ],

2. あなたがタイピングを作成したり、少なくともダミータイプを作成するいずれかの必要があります。

   declare var testJS: any;

3. することができますそれを使用してください

Answer 2

最後にそれを行う方法が見つかりました。 main.jsファイルをダウンロードし、あなたのhtmlファイル内

1. は、やる（私は角使用していますこのような場合には）あなたのtypescriptファイルにheadタグ

2. にはJavaScriptファイルへの参照を置きます以下：

a。変数を宣言します。

b。エクスポートされたクラス

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