¿Es posible hacer fragmentos reutilizables dentro de las plantillas de AngularJS?
-
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.
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