Consigli sulla strutturazione e il rendering di oggetti diversi all'interno della stessa visione

Question

Sto costruendo un'applicazione e sto cercando un consiglio su come strutturare un pezzo specifico di funzionalità su cui sto lavorando.

Ho questa visualizzazione dei report, in questa pagina un a discesa con vari report può generare un utente. Questo è quello che sembra:

Il menu a discesa è solo un array che ho codificato in modo difficile nel controller. Quando un utente seleziona un report specifico, il controller effettua una chiamata al reportFactory e restituisce l'oggetto del report selezionato, da lì la vista crea il report utilizzando l'oggetto restituito.

Tuttavia, questo non funziona con più report poiché la tabella HTML è completamente diversa a seconda del report di cui ho bisogno e da ora ho codificato rigido la tabella del report nella vista.

Quale sarebbe il modo migliore per passare da diversi report che ognuno ha la propria funzione per costruire l'oggetto, il proprio HTML per il rendering della tabella e dove posso ancora implementare i dataTables a tutti loro una volta ottenuto a quel passo.

Answer 1

È possibile utilizzare una visualizzazione UI nominata con UI-router, quindi ciascun dropdown sarebbe uno stato che può caricare un templaterl e un controller diverso.