Es mi primera aplicación usando AngularJS del lado del cliente y estoy realizando un dashboard al que previamente el usuario debe acceder "logueandose".
Mi problema no es con el login, sino con la forma de recuperar el usuario actual que esta haciendo uso de la aplicación, y al hacerlo como lo estoy haciendo obtengo el error del titulo en un fichero llamado responsive.js
, lo que no entiendo.
El codigo de error en concreto es el siguiente :
Uncaught TypeError: Cannot read property 'substr' of undefined
at loadPage (responsive.js:32)
at HTMLFormElement.<anonymous> (responsive.js:58)
at HTMLFormElement.dispatch (responsive.js:2)
at HTMLFormElement.h (responsive.js:2)
loadPage @ responsive.js:32
(anonymous) @ responsive.js:58
dispatch @ responsive.js:2
h @ responsive.js:2
En principio tengo un controlador de angular al que llamo cuando la ruta es /dashboard
, y el acceso a esta ruta privada lo manejo en el login en función de un token de acceso almacenado en DB:
controllers.js
app.controller('dashboardCtrl', function ($rootScope, $http,localStorageService) {
if(localStorageService.get('token')==null && localStorageService.get('userId')==null){
$location.url('/');
}
else{
$http.get('/laURLamiservicio'+localStorageService.get('userId'),
{headers:{'accept':'application/json','content-type':'application/json','token': localStorageService.get('token')}})
.then(function(response){
console.log(response);
$rootScope.currentUser = response.data.name;
})
}
});
index.html
<!-- Collect the nav links, forms, and other content for toggling -->
<div ng-controller="userMenuCtrl" class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!-- Right list with user information and logout button-->
<ul class="nav navbar-nav navbar-right">
<!-- User drodown -->
<li ng-show="isUserActive()" class="dropdown ">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false"><i class="fa fa-user" aria-hidden="true"></i> {{currentUser}} <span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="">Mi perfil</a></li>
<li role="separator" class="divider"></li>
<li><a href="/logout" >Cerrar sesión <i class="fa fa-sign-out" aria-hidden="true"></i></a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
En este fragmento del fichero index.html se puede ver que uso otro controlador que uso para gestionar la visibilidad del nombre del usuario dentro de un navbar, ayudandome de la directiva ng-show que llama a una función "isUserActive()" la cual devuelve verdadero o falso en funcion de si el usuario esta logueado o no para mostrar o no el nombre de usuario actual.
Basicamente esto es lo que quiero conseguir, el problema es que realmente lo muestra correctamente pero al debuggear aparece el maldito error. ¿ A qué se debe?
responsive.js:32 Uncaught TypeError: Cannot read property 'substr' of undefined at loadPage (responsive.js:32) at HTMLFormElement.<anonymous> (responsive.js:58) at HTMLFormElement.dispatch (responsive.js:2) at HTMLFormElement.h (responsive.js:2) loadPage @ responsive.js:32 (anonymous) @ responsive.js:58 dispatch @ responsive.js:2 h @ responsive.js:2
/dashboard
tras haberme logueado el fallo aparece, pero si vuelvo a acceder a dicha ruta mediante login el fallo no vuelve a aparecer, aunque haga logout y vuelva a hacer otra vez login .