Front end engineering: il modo migliore per implementare un passo dopo passo il carrello

Se usi Jquery quando usi Angularjs, stai sbagliando, tranne se lo fai da una direttiva.

Fai un uso migliore delle funzionalità di template di angularjs, diminuisce tutto il bisogno di manipolare il DOM:

• Puoi utilizzare ng-show / ng-hide per gestire la visualizzazione dei tuoi componenti.
• Gestione dei moduli, associazione, convalida è gestita da Angularjs, potresti aver bisogno di alcune direttive personalizzate per verificare la documentazione e le tonnellate di campioni online.
• Diciamo che tutti i moduli sono denominati "formX" dove X è il numero. Puoi mettere su ogni blocco il wrapping di ogni modulo tranne il primo: ng-disabled="formX.$invalid ". Questo impedirà di aprire le altre parti dei moduli a patto che il precedente non sia completato.

Is it a better solution to implement each tab as a separate page with separate url and use session variables to store data from previous tab ?

Persino in questo modo, ma utilizzo ui-router (sostituisco il componente router predefinito di angularjs), quindi implementato come indicato in una SPA, quindi non è necessario memorizzare gli stati nelle variabili di sessione.

Il flusso di lavoro che hai descritto (con più viste e passaggi di stato) sembra sufficientemente complesso da trarre vantaggio dall'utilizzo di una sorta di framework. Angolare è una buona scelta, soprattutto se si ha già familiarità con esso.