顯示超時消息，僅兩秒鍾

Question

我有以下代碼，如果五秒鍾后沒有返回承諾，則會顯示一條消息：

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

我的困境是我只想顯示此消息兩秒鍾。 我嘗試了以下操作，並且有效，這是防止“嵌套”超時的反模式嗎？

$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)

更新：根據答案，這就是我的目的：

 $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基於promise，它返回可以鏈接的promise。 是的，嵌套$timeout或其他任何承諾都可能是反模式 。

這種承諾鏈

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

保證最多嵌套2個級別，並且可以使用top $timeout返回的承諾，可以擴展或測試整個承諾鏈。