JavaScriptファイルの名前を角4で見つけることができませんタイプスクリプト

Question

私自身のスクリプトextraQU.jsはindex.htmlに配置されています。

<script src="assets/extraQU/extraQU.js"></script> 

users.component.html では私が持っている：

<div [innerHTML]="someVar"></div> 

users.component.ts では私が持っている：

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 

export class UserPage { 

    constructor(public navCtrl: NavController) { 
    } 

    someVar = extraQU(
    { 
     numbers: [1, 3, 2, 0, 1, 0], 
     letters: ['T', 'C', 'D', 'G', 'A', 'E'], 
    }, 'letters' 
); 

} 

これが正常に動作します。

[innerHTML]="someVar"は、私の機能extraQUを表示します。

extraQU.js 

私は満足しています... user.component.html一部<table> <td> <tr>などに

をレンダリングします。

しかし、私は赤extraQUやショーでなぜ活字体ハイライトを知らない：

[ts] Cannot find name "extraQU". any 

しかし、私はのindex.html

に<script src="assets/extraQU/extraQU.js"></script>でextraQU

function extraQU(object, show) { 
    ... 
} 

を持っています

プレーンなJSウェブサイトで私は以下を使用しました：

<script> 
    var elem = document.getElementById('someVar'); 

    elem.innerHTML = extraQU(
     { 
      numbers: [1, 3, 2, 0, 1, 0], 
      letters: ['T', 'C', 'D', 'G', 'A', 'E'], 
     }, 'letters' 
    ); 
</script> 

しかし、それをTypeScriptで動作させるにはどうすればいいですか？

Answer 1

はクラスのトップ

宣言のvar extraQUにextraQU変数を宣言：任意の;

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
declare var extraQU:any; 
export class UserPage { 

    constructor(public navCtrl: NavController) { 
    } 

    someVar = extraQU(
    { 
     numbers: [1, 3, 2, 0, 1, 0], 
     letters: ['T', 'C', 'D', 'G', 'A', 'E'], 
    }, 'letters' 
); 

}