javascript - 在 Angular html View 中加载外部脚本

我已经注册了Polldaddy的付费版本，并获得了此脚本标签（减去正确的ID）。

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

从我的角度来看，此脚本必须在div中加载-并且不起作用。 angular在视图中加载脚本是否存在问题？可能吗？如果是这样，您能帮我理解如何做吗？

让我知道您是否需要更多信息。

谢谢

最佳答案

由于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>