angularjs closeable div не закрывается после нажатия

Question

Я следую за пользовательским интерфейсом blur admin, чтобы отобразить предупреждение после нажатия кнопки. Однако закрытое предупреждающее сообщение не закрывается, когда я нажимал кнопку закрытия.

Я хочу иметь возможность закрыть предупреждающее сообщение и включить s cope.added = false. Любая помощь, пожалуйста?

Вот как мой код выглядит как:

в HTML:

<div ng-show="added" class="alert bg-success closeable" role="alert"> 
     <button type="button" class="close" aria-label="Close"><span 
       aria-hidden="true">&times;</span></button> 
     <strong>Added</strong> Successfully! 
    </div> 
<div style="text-align: center"> 
     <button type="submit" ng-click="display()" 
       class="btn btn-danger">add 
     </button> 
    </div> 

в JS:

$scope.added = false; 
$scope.display= function() { 
$scope.added = true; 

} 

благодаря

Answer 1

Добавить ng-click к вашему X кнопка (Закрыть) :

<button 
    type="button" 
    class="close" 
    aria-label="Close" 
    ng-click="close()"> 
    <span aria-hidden="true"> 
     &times; 
    </span> 
</button> 

И затем добавить функцию close() к контроллеру:

$scope.close = function(){ 
    $scope.added = false; 
}