Tenho um navbar
que é incluído na pagina index.html
<body>
<div class="container">
<div ng-controller="colaboradorController" ng-include="'public/views/navBar.html'"></div>
<div ng-view></div>
</div>
</div>
</body>
Até ai tudo bem, nesse navBar eu tenho um Data Binding
aonde pego o usuário logado:
<p class="navbar-text usuarioLogado">{{usuarioLogado}}</p>
O controller que está sendo usado é o colaboradorController, nesse controller tenho uma função que pega o usuário logado:
var init = function () {
var temp = sessionStorage.getItem('userLogado');
var viewName = $.parseJSON(temp);
if(viewName != null){
$scope.usuarioLogado = viewName.usuario.nome;
}else{
$scope.usuarioLogado = "";
}
};
E inicio essa função quando a página é aberta:
init();
O problema é que quando a página é aberta o usuarioLogado
não é exibido no NavBar
, ele só aparece após um F5
. Já fiz um console.log
pra ver se o está sendo carregando junto com a página e ele é carregado. Só não estou conseguindo atualizar de imediato esse Navbar
que está sendo incluído em meu index.html
.
Como resolvo esse problema?