Angulaire masquer le message d'alerte de nouveau après x secondes ou changement de page

Je suis assez nouveau dans angulaire, maintenant, j'ai pu afficher un message d'alerte lorsque quelqu'un demande un nouveau mot de passe, à partir de notre application:

Usermodel:

.service('userModel', ['$q', '$http', 'authorizedTracker', function($q, $http, authorizedTracker) {
    this.passwordreset = function(token) {

    var deferred = $q.defer();

    $http({
        method: 'GET',
        url: '/reset/'+token
    })

    .then(function(response) {

    if (!_(response.data).has('user')) {
        deferred.reject('unkown user id');
    }

    model.resetted = true;


    }, function(error) {
        deferred.reject(error.data.message);
    });

    authorizedTracker.addPromise( deferred.promise)

    return deferred.promise;
};

Donc si réinitialise est vrai, le message s'affichera, voir ci-dessous:

html:

<!-- Succes-->
<div class="alert alert-success animated fadeInDown" ng-cloak  ng-show="userModel.resetted">
    <strong><i class="icon-attention"></i>Success!</strong> New password is sent to your e-mail
</div>

Mais maintenant je veux cacher l'alerte après x nombre de secondes, ou si l'utilisateur clique sur une autre page. Comment est-ce possible? Toute solution?

OriginalL'auteur Erik van de Ven | 2014-08-14

  1. 6

    vous devez utiliser le $timeout service (symilar à la fenêtre.setTimeout en javascript natif).

    Dans votre code, vous devez ajouter le code suivant

    ...
model.resetted = true;

$timeout(function() {

    model.resetted = false;

}, xxx)//replace xx by the amount of milisecond you want

    voici un exemple, espérons que cela vous aidera
    http://plnkr.co/edit/Qt39x5Xo5JhP61QHYLwO?p=preview

    Ok, le code n'est pas correct. Mais l'exemple sur plunker m'a beaucoup aidé! Merci!
    fixe, désolé ^^. il est difficile de code dans le stackoverflow zone de texte

    OriginalL'auteur Polochon

  2. 2

    À bout de X secondes utiliser le $timeout service.

    model.resetted = true;

$timeout(function() {
  model.resetted = false;
}, X); //X in milliseconds

    OriginalL'auteur bmleite