AngularJS: Esiste un modo migliore per raggiungere questo rispetto a quello specificato?

Io uso un modello che genera un layout di scheda Bootstrap. Come di seguito:

abc
...

Ora questa è una navigazione a tabs molto semplice e diretta che può essere hardcoded e realizzata.

Ho una ng-repeat dynamic su ul's e le div del contenuto della scheda.

Il JSON che ottengo dal servizio REST è qualcosa che contiene i dati per le tabs e il contenuto da visualizzare all’interno del contenuto della scheda all’interno di un singolo object. Ad esempio:

 { "0": "a": [{ // a- tab data "0": "abc", // abc - data to be displayed inside the tab-content "1": "xyz" }] ... } 

Con una tale gerarchia JSON, ho praticamente bisogno di ng-repeat due volte. Una volta per l’ ul li e una volta per il contenuto della scheda dato che ogni object della scheda contiene i dati ad esso correlati.

Quindi quello che ho fatto finora è:

 

{{f}}

...

EDIT: Quindi la mia domanda è, c’è un modo più intelligente per ottenere questo utilizzando una singola ng-repeat piuttosto che fare “foo in data” due volte?

Scusa se la mia domanda non è chiara.

Usa ng-include con $templateCache piuttosto che ng-repeat . Per esempio:

 var app = angular.module('foo', []); function foo($templateCache) { var model = {"data": [ {"name": "Stack", "desc": ["Exchange", "Overflow"] } ] }, cursor, i, bar = baz = ""; for (i = 0; i < model.data.length; i++) { bar = bar.concat("
  • ", model.data[i].name,"
  • "); baz = baz.concat("
  • ", model.data[i].desc.join().replace(/,/g,"
  • ") ); } $templateCache.put('name', bar); $templateCache.put('desc', baz); } app.run(foo);
  •