Est-il possible de faire des extraits réutilisables dans des modèles angularjs?

Question

Je me trouve à nouveau répéter les mêmes extraits de code et encore, est-il possible de faire quelque chose comme celui-ci en 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">

et la sortie de ce qui précède serait:

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

Je ne cherche pas nécessairement que ce "Ng: inclure" la solution ou le modèle, mais quelque chose qui réduirait la répétition dans mes modèles.

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>

Cela devrait être ce que vous voulez.

docs pour script et NG-Inclure .

Answer 2

Cela ressemble à vous souhaitez utiliser directives .Voici un exemple simple: