在一个页面上包含外部JS文件 离子2.

Question

我在项目中使用google mapsIonic 2。 脚本包含在索引.html页面中，例如

<script src="http://maps.google.com/maps/api/js?key=XXX"></script>
<script src="cordova.js"></script>

但是google map script仅在一个页面上使用，并且为每个人加载。 我可以在component page中仅包含一页的http://maps.google.com/maps/api/js吗？

Answer 1

您可以使用 dom 从组件页面导入脚本。我在下面的例子：

(id: string, src: string, callback?: Function): HTMLScriptElement => {
if (document.getElementById(id)) {
callback ? callback(true) : null;
return;
}
let js, head = document.getElementsByTagName('head')[0];
js = document.createElement('script');
js.id = id;
js.src = src;
js.onreadystatechange = js.onload = function () {
if (callback && (!js.readyState || /loaded|complete/.test(js.readyState))) {
callback();
}
};
head.appendChild(js);
return js;
}