É possível fazer snippets reutilizáveis ​​em modelos AngularJS?

Question

Estou repetindo os mesmos trechos de código continuamente. É possível fazer algo assim no 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">

e a saída do acima seria:

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

Não estou necessariamente procurando exatamente essa solução ou padrão "ng:include", mas algo que reduziria a repetição em meus modelos.

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>

Isso deve ser o que você deseja.

Documentos para roteiro e ng-incluir.

Answer 2

Parece que você deseja usar diretivas.Aqui está um exemplo simples: http://jsfiddle.net/gyF6V/1/