schede angolare-ui loading modello nella scheda contenuto

Question

Sto utilizzando le schede in angolare-ui utilizzando questo controller:

$scope.panes = [ 
    { title:"Home",  content:"home" , active: true}, 
    { title:"Settings", content:"settings"}, 
    { title:"View",  content:"view"} 
]; 

e questo nel file html:

<tabs> 
    <pane 
     active="pane.active" 
     heading="{{pane.title}}" 
     ng-repeat="pane in panes" 
    > 
     {{pane.content}} 
    </pane> 
    </tabs> 

ma io vuoi impostare il contenuto come modello come posso farlo, ho provato a impostare il codice ng-include in questo plunker, ma non ha funzionato.
Grazie in anticipo.

aggiornamento:

se trovate questa soluzione e non you'r utilizzando v0.12 angolare bootstrap è necessario aggiornare il codice per the new syntax of v0.13 in questo modo:

<tabset> 
    <tab 
     active="pane.active" 
     heading="{{pane.title}}" 
     ng-repeat="pane in panes" 
    > 
     <div ng-include="pane.content"></div> 
    </tab> 
    </tabset> 

ho già aggiornato il plunker avere la sintassi di angular-bootstrap v0.13.

Answer 1

basta aggiungere il ng-include come un bambino del riquadro

<tabs> 
    <pane active="pane.active" 
      heading="{{pane.title}}" 
      ng-repeat="pane in panes"> 
     <div ng-include="pane.content"></div> 
    </pane> 
</tabs> 

Il motivo per cui funziona è che il pannello variabile campo di applicazione non è ancora disponibile quando si utilizza il ng-includono nel stesso elemento di ng-repeat che crea la variabile del pannello.

Ciò è perché il valore di priorità del ng-includono è 0 (default), mentre la priorità della ng-repeat è 1000 e così l'ordine di esecuzione è:

1. ng-includono
2. ng-repeat

Vedi le directive docs