Bem, é a primeira vez na qual estou fazendo alguma coisa com o Angular.js e estou apanhando um pouco para criar uma mensagem de "Login e Senhas incorretos" com o mesmo.
Tenho um metodo em um arquivo .js que está abaixo:
angular.module('myApp',[])
.controller('loginController', function($scope){
$scope.displayLoginError = (url.indexOf("error") >= 0);
});
Logo em minha .jsp fiz a importação do Angular e do arquivo com meu metodo:
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/angular.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/pages/login.js"></script>
Nesta mesma pagina tenho um form de login com a DIV que faz a verificação
<div ng-app="myApp">
<div ng-controller="loginController">
<div ng-class="{{'': displayLoginError == true, 'none': displayLoginError == false}}">
<span class="entypo-attention"></span> <strong>Erro!</strong> Login
ou Senha Incorretos!
</div>
</div>
<form class="form-signin" method="post"
action="j_spring_security_check">
<div class="input-group">
<span class="input-group-addon entypo-user"></span> <input
name="j_username" id="j_username" type="text" class="form-control"
placeholder="Usuario">
</div>
<br>
<div class="input-group">
<span style="padding: 0 14px;" class="input-group-addon entypo-lock"></span>
<input name="j_password" id="j_password" type="password"
class="form-control" placeholder="Senha">
</div>
<button type="submit"
class="btn btn-lg btn-fltees btn-primary btn-block">Entrar</button>
<a href="<c:url value="register"/>"
class="btn btn-lg btn-fltees btn-primary btn-block">Crie uma nova
Agência!</a>
</form>
</div>
Bem, estou o usando o Spring Security. Logo quando a autenticação falha um parametro e adicionado na URL (...?error=403), pois assim meu método javascript pode entrar em ação e exibir ou não a mensagem no meu form.
O problema que tal mensagem de erro e exibida:
Alguem sabe como posso resolver?
EDIÇÃO
O método que realiza a verificação da URL. Na variável url o valor vem certinho.
angular.module('myApp',[])
.controller('loginController', function($scope, $location){
var url = "" + $location.$$absUrl;
$scope.displayLoginError = (url.indexOf("error") >= 0);
});
Esse é o trecho no qual irá verificar se erro de autenticação e irá apresentar a mensagen informando:
<div ng-controller="loginController">
<div class="alert alert-danger" ng-class="{'': displayLoginError == true, 'none': displayLoginError == false}">
<span class="entypo-attention"></span> <strong>Erro!</strong> Login ou Senha Incorretos!
</div>
</div>
Mas a logica parece que não funciona e não apresenta mais erros no console do firebug
ng-app="myApp"
é definido duas vezes?<html lang="pt-BR" id="ng-app" ng-app="myApp">
e<div ng-app="myApp">
. Tirando essa últimadiv
não resolve o problema? De qualquer forma, poste o erro completo.{{
) no ngClass? (ng-class="{{'': displayLoginError == true, 'none': displayLoginError == false}}"
) Tenta colocar só uma em cada lado.ngClass
do Angular espera algo semelhante ao formato JSON: docs.angularjs.org/api/ng/directive/ngClassng-class
pra esconder a mensagem? Acho que não vai funcionar, remove esseng-class
e tenta usarng-show="displayLoginError"
.