ブートストラップ警報ボックス（角型）

Question

成功メッセージを表示するためにブートストラップアラートボックスを使用します。メッセージが完全に表示されているアラートボックスを送信した後、問題がある、空のアラートボックスを送信する前にあります。 Thnx。ここでは、コード

$scope.resetPassword = function() { 
     var data = { 
      email: $scope.resetPasswordEmail 
     }; 
     $http.post(serviceBase + 'aaaaaaaaaaaa', data).then(function (response) { 
      $scope.successfullyReset = true; 
      $scope.message = "Email has been send successfully, you will be redicted to login page in 5 seconds."; 
      startTimer(); 
     }, function (response) { 
      $scope.successfullyReset = false; 
      $scope.message = "Failed to send mail. There is no user with requested email"; 

     }); 

    }; 

で、htmlコードは、ここでは、ここで

<div data-ng-hide="message == ''" data-ng-class="(successfullyReset) ? 'alert alert-success' : 'alert alert-danger'"> 
      {{message}} 
     </div><br /> 

あるこの外観は前に

Answer 1

は隠すことはありません、警告ボックスでは、内部変数のメッセージを定義するために提出する方法を画像であり、そのコールバックをコントローラの先頭に定義する必要があります。

$scope.message = ''; 

Answer 2

は$httpブロック外$scope.message;最初の宣言します。あなたthnke

$scope.resetPassword = function() { 
    var data = { 
     email: $scope.resetPasswordEmail 
    }; 

    $scope.message; 

    $http.post(serviceBase + 'aaaaaaaaaaaa', data).then(function (response) { 
     $scope.successfullyReset = true; 
     $scope.message = "Email has been send successfully, you will be redicted to login page in 5 seconds."; 
     startTimer(); 
    }, function (response) { 
     $scope.successfullyReset = false; 
     $scope.message = "Failed to send mail. There is no user with requested email"; 

    }); 

};