时间戳

首页 > 解决方案 > 在 Ionic 3+ 中使用外部 Javascript

javascript - 在 Ionic 3+ 中使用外部 Javascript

问题描述

我正在使用带有最新版本的 Ionic 的 Mapwize SDK（一个外部 Javascript 库）。正如其他人所指出的，让 Javascript 与 Typescript 很好地配合存在问题。我对前端开发非常陌生——我在这里查看了其他答案和问题，但它们并没有详细解释。我真的很想要一个关于如何让 Mapwize 与 Ionic 一起工作的非常详细的解释。我能够从我的 .ts 文件中的测试 Javascript 文件进行函数调用，但我需要的是使用 JS 库，就像我可以在我的 HTML 文档中使用标签一样。人们说要在 .ts 文件中执行我的所有逻辑，但没有解释如何完成。Mapwize SDK 采用 IIFE 格式，因此是自调用的。我无法访问 .js 文件中的任何函数：https://github.com/Mapwize/mapwize.js-dist

如果有人知道如何使这种集成工作，请帮个忙并帮助我！

使用：Atom IDE Ionic 4 Angular 和 Typescript

标签： javascripttypescriptionic-frameworkimportexternal

解决方案

我假设 Ionic 4 是一个角度应用程序，所以：

  • 安装 Mapwizenpm i mapwize -s
  • 在全局脚本导入中导入 mapwize（在 angular.json 中，添加node_modules/mapwize/mapwize.js脚本列表
  • 在要使用的组件之外声明 Mapwizedeclare var Mapwize: any;
  • 只需使用它const map = Mapwize.map(...)

我希望这对你有帮助

推荐阅读