引导角度误差消息在衰落后留下空间

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

请在$ timeout函数

中将$ scope.showError设置为false

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