angularjs closeable div單擊後不會關閉

我正在關注blur admin UI以單擊按鈕後顯示警報。但是，當我點擊關閉按鈕時，關閉的警報消息不會關閉。angularjs closeable div單擊後不會關閉

我希望能夠關閉警報消息並轉向s cope.added = false。請幫忙嗎？

這裏是我的代碼看起來是這樣的：

<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：

在HTML

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

}

感謝

來源

2017-01-24 RLe

您的第一個按鈕需要有一個可以在布爾標誌設置爲false，這將導致隱藏整個DIV塊點擊功能。 –

添加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; 
}

來源

2017-01-24 22:37:36

他是否也可以將內聯標誌更改爲ng-click =「added =！added」或ng-click =「added = false」？或者，這個功能是獲得國旗變化的必要組成部分嗎？ – Chris

是的，這兩個建議都很好。我總是喜歡在控制器中保留範圍的任何變化（儘管很簡單），只是因爲它們都在同一個地方。嚴格地說，視圖只應該負責在範圍上顯示值，它不應該改變任何東西。 –

angularjs closeable div單擊後不會關閉

回答

相關問題