AngularJS：腳本標籤中不能正常工作NG-包括

Question

我有下面的代碼index.html文件：

<div ng-include="'fragment-1.html'"></div> 

片段1.HTML的代碼：

<b>Inside Fragment 1</b> 
<script type="text/javascript"> 
    alert("Inside Fragment 1"); 
</script> 

當我負載的index.html在瀏覽器中，輸出爲：

內部片段1

的DOM有<script>標籤，但沒有顯示警告。

我的假設：

由於DOM載荷首先沿着與角模塊，然後角檢查和中的數據（在這種情況下，片段1.HTML文件的內容）綁定到視圖（索引。 html），它只是在DOM中添加fragment-1.html的元素。要在fragment-1.html中執行JS，我們應該爲它創建一個hack。我的解釋是否正確？還是有什麼我可能會失蹤？

Answer 1

我有角加載之前加載jQuery的。解釋在上面指定的鏈接中。說明：script not running in templateurl

爲了在你父母的HTML文件的另一部分HTML文件，還可以使用角度指示，視情況而定。看到這個答案是什麼時候使用ng-include和何時使用指令：https://stackoverflow.com/a/24172025/3132646

Answer 2

你並不需要破解。 Angular爲您提供了一個簡潔明瞭的解決方案，可以幫助您實現您的代碼。

控制器

.controller('fragmentOneCtrl', function ($scope) { 
    alert('"Inside Fragment 1"'); 
}) 

查看

<div ng-repeat="go in ['go', 'gogo']" ng-include="'includeThis'"> 

</div> 

<script type="text/ng-template" id="includeThis"> 
    <div ng-controller="fragmentOneCtrl"> 

    </div> 
</script>