AngularJs ngInclude、ngTransclude

這兩個都是HTML DOM嵌入指令

ngInclude

讀取，編譯和插入外部的HTML片段。

格式：ng-include=“value”<ng-include src=”value” onload=“ex”autoscroll=“str”></ng-include>  class=”ng-include:value”

value：string類型  模闆id或者模闆url

ex：表達式，載入的時候執行。

autoscroll：頁面載入後，當ngInclude需要調用$anchorScroll移動到指定位置的時候使用。

使用代碼：

這裡需要注意的是 <script>标簽的type是ng格式的 type="text/ng-template"，還需要注意一個坑，需要把<script>标簽寫在ng-app的範圍内才能讓angular順利的将該模闆存入模闆緩存中，如果是在ng-app範圍外，将會是undefined。

ngTransclude

這個指令用于标記使用嵌入式的指令中包含的DOM插入點。

格式：ng-transclude

在指令中嵌入指令外的DOM元素，值的注意的是，就算這個指令建立了自己的子scope，這個DOM元素所在的scope也不是這個指令的scope，而是指令所在的scope。