¿Es posible hacer fragmentos reutilizables dentro de las plantillas de AngularJS?

StackOverflow https://stackoverflow.com//questions/12698796

  •  12-12-2019
  •  | 
  •  

Pregunta

Me estoy encontrando repitiendo los mismos fragmentos de código de nuevo y otra vez, ¿es posible hacer algo así 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">

y la salida de lo anterior sería:

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

No estoy buscando necesariamente esta solución o patrón exacto de "NG: incluir", pero algo que reduciría la repetición en mis plantillas.

¿Fue útil?

Solución

<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>

Esto debería ser lo que quieres.

documentos para script y ng-include .

Otros consejos

Esto suena como si quieres usar directivas .Aquí hay un ejemplo simple: http://jsfiddle.net/gyf6v/1/

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top