如何在打字稿中导入js文件?

时间:2017-07-06 14:01:01

标签: javascript angular typescript ionic2

我想在typescript中导入js文件。 我想访问js文件中的对象和函数。 我还在index.html中添加了js文件,但它也没有用。 所以我找到了“导入'[js文件路径]'”的线索,但它无效。

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'对象。 请给我一个解决方案。很多!

2 个答案:

答案 0 :(得分:8)

您必须使用declare关键字,这样才不会出现任何编译错误。您可以执行以下操作

    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 {
    ....
}

答案 1 :(得分:1)

在您的文件../../pages/mobile.js中,您必须export您的atlan对象(如果您可以编辑此文件),那么,您导入它的方式与您一样一切都好。