将一个js库(尚未列入)添加到ionic2项目中

时间:2016-07-25 23:10:29

标签: typescript ionic-framework ionic2 camanjs

我正在尝试将此外部JavaScript库CamanJS与我的Ionic2(打字稿项目)一起使用

我发现了一些文章,例如thisthis,但是所有这些文章都假定要使用的库位于typings

但是CamanJS还没有出现在打字中,并且有一个开放的ticket for it

我的问题是,有没有办法将一个外部js库(尚未添加到typings中)添加到ionic2(typescript)项目中?

1 个答案:

答案 0 :(得分:1)

让我在一个常见的案例中描述这个过程:

  1. 要在TypeScript应用程序中包含JavaScript库,必须先将其作为脚本标记包含在HTML文件中。

    <script src="js/your_external_library.js"></script>

  2. 要使用该库,您必须将以下内容添加到ts个文件中:

    declare var libraryVar: any;

  3. libraryVar替换为JavaScript库中的变量,函数或类。

  4. 此时可以使用了。

    1. 完成这些步骤后,您可以将外部库与其提供的API一起使用。例如:

      this.libraryVar = new libraryVar(parameters);

    2. 使用正确的语法和外部库调用编译到tsc的{​​{1}}和.ts文件。