title: Angular hide alert message again after x seconds or page change
body: <p>I'm quite new to angular, now I was able to show an alert message when someone requests a new password, from our app:</p>
  
  <p>Usermodel:</p>
  
  <pre><code>.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;
  };
  </code></pre>
  
  <p>So if resetted is true, the message will show up, see below:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;!-- Succes--&gt;
  &lt;div class="alert alert-success animated fadeInDown" ng-cloak  ng-show="userModel.resetted"&gt;
      &lt;strong&gt;&lt;i class="icon-attention"&gt;&lt;/i&gt;Success!&lt;/strong&gt; New password is sent to your e-mail
  &lt;/div&gt;
  </code></pre>
  
  <p>But now I want to hide the alert after x amount of seconds, or if the user clicks to another page. How is that possible? Any solution?</p>