在角度html视图中加载外部脚本

时间:2015-05-07 13:19:30

标签: javascript angularjs

我已经注册了Polldaddy的付费版本,并提供了此脚本标记(减去正确的ID)。

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/0000000.js"></script>

这个脚本必须在我的视图中的div中加载 - 它不起作用。角度是否在视图中加载脚本时存在问题?可能吗?如果是这样,你能帮我理解怎么做吗?

如果您需要更多信息,请与我们联系。

由于

1 个答案:

答案 0 :(得分:3)

由于Angular script指令,您无法在Angular应用程序中加载脚本,因此您需要创建自己的指令。 像这样:

function polldaddy() {
    var injectScript = function(element) {
        var scriptTag = angular.element(document.createElement('script'));
        scriptTag.attr('charset', 'utf-8');
        scriptTag.attr('src', 'http://static.polldaddy.com/p/0000000.js');
        element.append(scriptTag);
    };

    return {
        link: function(scope, element) {
            injectScript(element);
        }
    };
}

angular
    .module('myApp')
    .directive('polldaddy', polldaddy);

然后在你的HTML中:

<div polldaddy></div>