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