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.

È stato utile?

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