在一个页面上包含外部JS文件Ionic 2

Question

我在google maps项目中使用Ionic 2。 index.html页面中包含的脚本，如

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

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

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;
}