Come posso strutturare la mia app angolare in modo da non finire con un controller enorme e visualizzare?

3

Ho un'app angolare che concentra la maggior parte delle sue funzionalità attorno a un'entità primaria che ha diverse entità satellite. L'interfaccia utente per questo è effettivamente una schermata, con alcune schede, una per ciascun satellite. Ci sono anche alcune finestre di dialogo modali con contenuti per un paio di satelliti che meritano la loro sottoview, prodotta facendo clic su un link in una scheda.

Il controller per questa schermata sta crescendo piuttosto grande, poiché ha una serie di chiamate REST per ogni entità, insieme a funzioni per produrre e chiudere le varie finestre di dialogo. Tutte le sottoview delle schede sono inserite nella schermata principale, all'interno di un set di schede.

Come posso dividere questi file, dando a ciascuna scheda il proprio controller e la vista?

    
posta Chris McCall 02.12.2014 - 23:02
fonte

1 risposta

0

Utilizza modelli incorporati per separare viste e filtri anziché controller:

<script type="text/ng-template" id="/tpl.html">
  Content of the template.
</script>

<a ng-click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>
<div id="tpl-content" ng-include src="currentTpl"></div>

Utilizza $ templateCache per eseguire i loop e $ cacheFactory per passare i dati tra i filtri anziché l'ambito.

Riferimenti

risposta data 30.03.2018 - 22:35
fonte

Leggi altre domande sui tag