AngularJS: debug pagina vuota UI-Router

Question

Mi chiedo solo se qualcuno sa come eseguire il debug della situazione quando si dispone di una pagina vuota per UI-Router. (Naturalmente, senza errori in console)

facendo console.log per gli eventi del router (prendo da here) ti ho trovato che è andata a correggere lo stato, ma dopo non si è fermata sul punto di interruzione all'interno del controller stato che ho specificato in Stato UI-Router:

.state('invited-user', { 
    parent: 'authPublic', 
    url: '/users/invitation/accept?back_link&invitation_token', 
    templateUrl: 'auth/invited-form.html', 
    controller: 'InvitedUserController', 
    data: { 
     hidePageNavigation: true 
    } 
}) 

quindi presumo che il controller sia un problema. già cercato di deridere esso:

.state('invited-user', { 
    parent: 'authPublic', 
    url: '/users/invitation/accept?back_link&invitation_token', 
    templateUrl: 'auth/invited-form.html', 
    controller: function(){ 
     debugger 
    }, 
    data: { 
     hidePageNavigation: true 
    } 
}) 

ma senza alcun risultato, purtroppo.

Cerco una soluzione per il problema corrente e un approccio generale su come eseguire il debug di questo tipo di situazioni in generale.

Answer 1

così sono venuto a concludere che la logica di debug dovrebbe essere così:

1. eventi router console.log (il codice è here) per controllare la logica router
2. verifica il modello di stato del router corrente (finto se necessario)
3. controllare il controller dello stato corrente (simulare con funzione vuota se necessario)
4. controllare tutti i modelli e i controller degli stati padre da quello corrente, a partire dal parent parent e salendo.

In realtà sarebbe bello avere un'eccezione dalla casella per vedere il problema esatto, ma sfortunatamente abbiamo quello che abbiamo.