È possibile fare snippet riutilizzabili all'interno di modelli angolari?
-
12-12-2019 - |
Domanda
Sto trovando me stesso ripetere gli stessi frammenti di codice di nuovo e ancora, è possibile fare qualcosa del genere in angolarjs:
<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 l'uscita di cui sopra sarebbe:
Yet another snippet!!
Yet another snippet!!
This is a snippet
.
Non sto necessariamente cercando questo esatto "NG: include" soluzione o modello, ma qualcosa che ridurrebbe la ripetizione nei miei modelli.
Soluzione
<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>
.
Questo dovrebbe essere quello che vuoi.
Documenti per script e NG-include .
Altri suggerimenti
Sembra che tu voglia usare Direttive .Ecco un semplice esempio: http://jsfiddle.net/gyf6v/1/
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow