zeigen eine Meldung auf Timeout, für nur 2 Sekunden

Question

Ich habe den folgenden Code, der eine Meldung zeigt an, ob ein Versprechen nicht nach fünf Sekunden zurückkehrt:

$timeout(function() { 
     if (!$scope.promiseComplete && $scope.submitted) { 
      $scope.message = { 
      content: [{ 
       title: '', 
       msg: 'Service down - created' 
      }], 
      type: 'error' 
      }; 
      return; 
     } 
     }, 5000) 

Mein Dilemma ist, dass ich nur zeigen möchte Diese Nachricht selbst für zwei Sekunden. Ich habe folgendes versucht und es hat funktioniert, ist es ein Anti-Pattern, um Timeouts zu "nisten"?

$timeout(function() { 
     if (!$scope.promiseComplete && $scope.submitted) { 
      $scope.message = { 
      content: [{ 
       title: '', 
       msg: 'Service down - Railcar ASN created' 
      }], 
      type: 'error' 
      }; 
      $timeout(function(){ 
      $scope.message = null; 
      }, 2000) 
      return; 
     } 

     }, 5000) 

Update: basierend auf Antwort hier ist das, was mit Ich ging:

$timeout(function() { 
     if (!$scope.promiseComplete && $scope.submitted) { 
      $scope.message = { 
      content: [{ 
       title: '', 
       msg: 'Service down - created' 
      }], 
      type: 'error' 
      }; 
      return $timeout(function(){ 
      $scope.message = null; 
      }, 2000) 
     } 
     }, 5000) 

Answer 1

$timeout ist Versprechen basiert, es gibt ein Versprechen, das verkettet werden können. Ja, verschachtelt $timeout s oder irgendwelche anderen Versprechen may be an antipattern.

Diese Art von Versprechen Kette

$timeout(function() { 
    if (!$scope.promiseComplete && $scope.submitted) { 
     ... 
     return $timeout(function(){ 
     $scope.message = null; 
     }, 2000) 
    } 
    }, 5000) 

garantiert, dass es nicht mehr als zwei Verschachtelungsebenen, und das Versprechen von oben $timeout zurückgegeben wird, kann genutzt werden, die ganzen Versprechen Kette kann verlängert oder getestet werden.