2017-07-06 25 views
0

私はtypescriptでjsファイルをインポートします。 そしてjsファイル内のオブジェクトと関数にアクセスしたいと思います。 また、index.htmlにjsファイルを追加しましたが、動作しません。 私は "[jsファイルパス]をインポートする"という手がかりを見つけましたが、それはうまくいきません。jsファイルをtypescriptでインポートするには?

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { NavParams } from 'ionic-angular'; 
import '../../pages/mobile.js'; 


@Component({ 
    selector: 'page-success', 
    templateUrl: 'success.html' 
}) 

export class SuccessPage { 
    constructor(public navCtrl: NavController, public navParms: NavParams) { 

let centerPos = new atlan.maps.UTMK(953933.75, 1952050.75); 

} 
} 

これはsuccess.tsファイルです。私は 'atlan'オブジェクトを探したい。 私に解決策を教えてください。ありがとう!

+0

[typescriptファイルで定義ファイルを持たないjsライブラリをインポートする方法](https://stackoverflow.com/questions/22842389/how-to-import-a-js-library-without-definition-file) -in-typescript-file) –

+0

非常に有効な質問 – woohoo

答えて

5

declareキーワードを使用すると、コンパイルエラーが発生しません。あなたはそれあなたがすべてを行うのと同じ方法でインポートし、その後、(あなたはもちろんのこのファイルを編集することができた場合)あなたはアトランオブジェクトをexportしなければならない、あなたのファイル../../pages/mobile.jsで次

import { Component } from '@angular/core'; 
    .... 
    /* Here you are telling typescript compiler to 
     ignore this variable it did not originate with typescript.*/ 
    declare var atlan: any; 

    @Component({ 
     selector: 'page-success', 
     templateUrl: 'success.html' 
    }) 

export class SuccessPage { 
    .... 
} 
+0

ありがとうございました!わたしにはできる! –

0

を行うことができます。

+0

ありがとうございました! –

関連する問題