javascript - Angular2 导入自定义 JavaScript 库

Question

我正在重用几个定制的javascript库，这些库对我的实际项目有用，我的问题是在谷歌搜索后，这个网站没有一个答案对我有帮助，一些解决方案很hacky，我想知道由于 angular2/4 已正式发布，有什么方法可以以正确的方式做到这一点？

编辑:我正在添加更多详细信息，其中一些库用于传单，我不想更改为 angular2-leaflet，因为某些插件如 leaflet geotagged photos自从3年前就已经更新了。如果我像这样加载脚本，我实际上可以在页面中看到 map :

ngAfterViewInit() {

    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "./resources/js/app/visitantes_leaflet.js";
    this.elementRef.nativeElement.appendChild(s);

  }

但我无法从那里发送数据或调用方法(我尝试在 html 上使用良好的 ol' js 事件)。@Michal 的答案不显示 map ，@Joo Beck 的答案“有效”，但显示此错误:Error: Map container not found.因为<div id="map">没有添加在L.map('map')之前。

Answer 1

您可能应该提及您已尝试过的内容以及未成功的内容，以便我们可以帮助您找到解决方案，而不会浪费时间。如果您提及您使用的是 typescript 还是 javascript，这也会很有用。看起来您正在使用 javascript，但如果您使用的是 typescript ，则可以解释为什么您遇到问题。

如果您使用 typescript ，对我有用的只是声明 var 和导入，就像这样。

declare var RecordRTC: any;

import "../../dependencies/RecordRTC.js";

声明只是让 typescript 知道它需要什么，它可以在转译后访问它。