在角度html視圖中加載外部腳本

Question

我已經註冊到付費版本的Polldaddy，並提供了此腳本標記（減去正確的id）。

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

該腳本必須在我的視圖中的div中加載 - 並且它不工作。角度在視圖中加載腳本有問題嗎？可能嗎？如果是這樣，你能幫我理解怎麼做嗎？

讓我知道你是否需要更多信息。

感謝

Answer 1

不能加載腳本到期的角度script指令的角內部應用程序，所以你需要創建自己的指令。 事情是這樣的：

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>