Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Dúvida com ng-class

Olá,

Gostaria de dar uma classe do tipo fade ao meu span. No entanto me aparece um erro

angular.js:11655 Error: [$parse:syntax] http://errors.angularjs.org/1.3.15/$parse/syntax?p0=%3A&p1=is%20an%20unexpected%20token&p2=8&p3='sspan'%3A%20addClass&p4=%3A%20addClass
    at http://localhost:3000/js/lib/angular.min.js:6:417
    at ib.throwError (http://localhost:3000/js/lib/angular.min.js:191:165)
    at ib.parse (http://localhost:3000/js/lib/angular.min.js:189:457)
    at http://localhost:3000/js/lib/angular.min.js:110:285
    at b.$watch (http://localhost:3000/js/lib/angular.min.js:120:30)
    at link (http://localhost:3000/js/lib/angular.min.js:159:214)
    at $ (http://localhost:3000/js/lib/angular.min.js:70:197)
    at B (http://localhost:3000/js/lib/angular.min.js:59:255)
    at g (http://localhost:3000/js/lib/angular.min.js:51:335)
    at g (http://localhost:3000/js/lib/angular.min.js:51:352) <span class="alert alert-info ng-binding" ng-class="'sspan': addClass" ng-show="mensagem.length" style="margin-top:10%; margin-bottom:10%;">

Quando entra no método, a variável global recebe true, na tag do html deveria receber esse boleano e aplicar a classe caso true.

O código do html é esse:

<span class="alert alert-info" ng-class="'sspan': addClass"  ng-show="mensagem.length" style="margin-top:10%; margin-bottom:10%;">
            {{mensagem}}
        </span>

o código do javascript é esse:

$scope.remover = function(foto){
        $http.delete('/v1/fotos/'+ foto._id)
        .success(function(){
            var fotoIndex= $scope.fotos.indexOf(foto);
            $scope.fotos.splice(fotoIndex, 1);
            $scope.addClass=true;
            $scope.mensagem="A Foto " +foto.titulo+" Foi Removida Com Sucesso !"
            console.log("Sucesso ao Excluir Imagem !");
        })
        .error(function(erro){
            $scope.mensagem="A Foto" +foto.titulo+" Não Foi Removida !"
            console.log('Não Foi Possível Excluir a Imagem...' + erro);
        });
    };

Desde já agradeço.

3 respostas

Fala aí Jonathan, beleza? Não seria span ao contrário de dois s?

Espero ter ajudado.

sspan foi a classe que eu criei no css

solução!

Certo, tente fazer assim então:

ng-class="addClass ? 'sspan' : ''"

Espero ter ajudado