是否可以在AngularJS模板中創建可重用的片段？

Question

我發現自己一次又一次地重複相同的代碼片段，是有可能做這樣的事情在AngularJS：

<div ng-snippet="mySnippet"> 
    This is a snippet 
</div> 

<div ng-snippet="anotherSnippet"> 
    Yet another snippet!! 
</div> 

<ng:include src="anotherSnippet"> 
<ng:include src="anotherSnippet"> 
<ng:include src="mySnippet"> 

和上面會輸出：

Yet another snippet!! 
Yet another snippet!! 
This is a snippet 

我不一定在尋找這個確切的「ng：include」解決方案或模式，但會減少我的模板中的重複。

Answer 1

<script type='text/ng-template' id="mySnippet"> 
    This is a snippet 
</script> 

<script type='text/ng-template' id="anotherSnippet"> 
    Yet another snippet!! 
</script> 

<ng-include src="'anotherSnippet'"></ng-include> 
<ng-include src="'anotherSnippet'"></ng-include> 
<ng-include src="'mySnippet'"></ng-include> 

這應該是你想要的。

文件script和ng-include。

Answer 2

這聽起來像你想要使用directives。下面是一個簡單的例子：http://jsfiddle.net/gyF6V/1/