AngularJS 定義模板內(nèi)容

定義模板的內(nèi)容現(xiàn)在有三種方式：

• 在需要的地方直接寫字符串
• 外部文件
• 使用 script 標(biāo)簽定義的“內(nèi)部文件”

第一種不需要多說。第二種和第三種都可以和 ng-include 一起工作，來引入一段模板。

直接引入同域的外部文件作為模板的一部分：

<div ng-include src="'tpl.html'">
</div>

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

注意， src 中的字符串會(huì)作為表達(dá)式處理（可以是 $scope 中的變量），所以，直接寫名字的話需要使用引號(hào)。

引入 script 定義的“內(nèi)部文件”：

<script type="text/ng-template" id="tpl">
here, {{ 1 + 1 }}
</script>

<div ng-include src="'tpl'"></div>

配合變量使用：

<script type="text/ng-template" id="tpl">
here, {{ 1 + 1 }}
</script>

<a ng-click="v='tpl'">Load</a>
<div ng-include src="v"></div>