AngularJS Directive: Comment puis-je masquer l'alerte à l'aide de délai d'attente?

Ce que je veux?

Comme toute autre application, lors de l'affichage des alertes, ils se cachent après une seconde ou deux, j'essaie de trouver un moyen de cacher l'alerte après une seconde, mais ne savez pas comment faire

Toute aide est grandement appréciée

Mise à JOUR

Comme par @Derek réponse, je suis en mesure de mettre en œuvre délai
http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview

J'ai écrit simple plugin de notification à l'aide de notifier... peut-être vous pouvez le vérifier code-comme-un-poème.blogspot.dans/2013/11/...
Ce n'est pas de travail pour moi 🙁 faites exactement ce que vous avez fait dans le plunkr et ça ne fonctionne pas
Le plunkr est à l'aide d'une très ancienne version de anguleuses, je suis sûr que les exigences de la directive a été modifiée, principalement le champ d'application

OriginalL'auteur daydreamer | 2013-05-29

  1. 29

    En général, je voudrais mettre en œuvre les notifications avec un tableau, qui pousse les notifications de nouveau sur la pile, puis se met un $timeout qui supprime cet élément de la matrice. Sur le rendu côté vous suffit d'utiliser un ng-répéteur.

    Cependant dans votre cas, si vous voulez garder votre directive existante que vous pourriez accomplir cette fonctionnalité en ajoutant simplement une fonction de liaison et de fixation d'un $timeout pour supprimer l'élément.

    app.directive('notification', function($timeout){
  return {
     restrict: 'E',
     replace: true,
     scope: {
         ngModel: '='
     },
     template: '<div class="alert fade" bs-alert="ngModel"></div>',
     link: function(scope, element, attrs){
         $timeout(function(){
             element.remove();
         }, 5000);
     }
  }
});
    Bonjour Derek, comment voulez-vous mettre en œuvre ce qu'un tableau? juste curieux
    J'ai tout récemment fait une composante angulaire pour faire les notifications que vous pouvez vérifier qui fait cela. (peut-être différent de ce que vous cherchez tout de même). Github Lien!. Désolé il n'y a pas de démo, pas encore, mais j'espère que vous pouvez voir un peu de quoi je parle.
    Comment est la même chose possible quand j'ai besoin de changer mes messages? J'ai un plunker ici - plnkr.co/modifier/YioiJXNkaET6T2mexjCq?p=preview
    btw, j'ai ajouté de la question stackoverflow.com/questions/16825761/...
    VEUILLEZ VÉRIFIER LA JS ICI angular-ui.github.io/bootstrap/#/alert il a une implémentation pour un tableau à messages push .

    OriginalL'auteur DerekR

  2. 4

    J'ai mis à jour plunker créé par @daydreamer de montrer plusieurs alertes et masquer automatiquement. Si quelqu'un veut personnalisé, plusieurs alertes ont un oeil à ce Plunker Lien

    La moitié du code, de même que @DerekR, j'ai seulement fait de personnalisation à

    var app = angular.module('myApp', ['$strap.directives']);

app.directive('notification', function($timeout){
  return {
    restrict: 'E',
    replace: true,
    scope: {
      ngModel: '='
    },
    template: '<div class="alert fade" bs-alert="ngModel"></div>',
    link: function(scope, element, attrs) {
      $timeout(function(){
        element.hide();
      }, 3000);
    }
  }
});

app.controller('AlertController', function($scope){
    $scope.message = {
      "type": "info",
      "title": "Success!",
      "content": "alert directive is working pretty well with 3 sec timeout"
    };

    $scope.alerts = [];
    $scope.addAlert = function(index) {
      $scope.alerts.push(
          {
            "type": "info",
            "title": "Success!" + index,
            "content": "alert "  + index + " directive is working pretty well with 3 sec timeout"
          }
      )
    }
});

    OriginalL'auteur Laxmi Salunkhe