執行<script> tags binded via ng-bind-html in AngularJS

Question

我已經搜索了一個好的答案，而且-我保證-我知道那里有很多相似的答案。

我讀過這篇文章： 在AngularJS中，HTML模板中包含的任何內聯javascript代碼均不起作用

我嘗試創建一個指令，以偵聽div的更新並再次對其進行$編譯-像這樣： http : //www.bennadel.com/blog/2745-creating-custom-script-tag-directives-in- angularjs.htm

但是，我找不到任何東西可以完全滿足我的需求。 基本上，我在工作中創建了一個新聞站點，生產者通過Drupal安裝填充了故事頁面，該頁面填充了Redis數據庫，該數據庫通過REST API為我們的站點提供動力。

然后，按照以下方式填充這些頁面的內容：

<div class="topExtraHtml" ng-bind-html="extras.html.top"></div>

制作人有時會喜歡在需要外部js的故事中添加嵌入內容，因此extras.html.top可能會起到以下作用：

<script src="http://outsidesource.com/embedcode.js"></script>
<div id="the-js-will-populate-me"></div>

甚至有可能使它起作用嗎？ 我完全迷住了。

Answer 1

如果您嘗試實時嵌入javascript，則Angular 1.0目前無法處理它。 Angular 2.0將能夠處理腳本等的注入。解決此問題的一種方法是使用RequireJS或Browerserify。 生產者是否有可能將條目放入JS文件（與HTML分開）？