ブートストラップ角度エラーメッセージは、退色後にスペースを残します

Question

私は例を見つけました：Here。しかし、エラーメッセージが消えた後、コンテンツはメッセージが占めるスペースを維持します。 ここに私のコードです。私の見解では：

<div data-ng-show="showError" ng-class="{fade:doFade}" class="alert alert-danger"> {{authmessage}}</div> 

そして、私のコントローラで：

$scope.userLogin = function() { 
      http.post('/api/login/', $scope.formData).then(function (response) { 
       $rootScope.message = response.config.data.email; 
        $location.url('/Projects'); 
       }).catch(function(response){ 
        $scope.showError = false; 
        $scope.doFade = false; 
        $scope.showError = true; 

        $scope.authmessage = response.data; 

       $timeout(function(){ 
         $scope.doFade = true; 
        }, 2500); }); 
     } ; 

Answer 1

$タイムアウト機能をfalseに

$timeout(function(){ 
$scope.doFade = true; 
$scope.showError = false; 
}, 2500);