是否可以在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>

这应该是你想要的.

脚本和ng-include的文档.

Answer 2

这听起来像你想使用指令.这是一个简单的例子:http://jsfiddle.net/gyF6V/1/