如何使用angularJS禁用离子中的离子项？

Question

我的屏幕上有很多ion-items。我想在每次单击+图标时禁用它们我的屏幕会模糊屏幕并且我想要禁用当时的所有点击，我该怎么做？

Answer 1

当您单击按钮时，为了模糊屏幕，您可以使用可以覆盖屏幕高度和宽度的空div，并使用ng - 如果您可以以编程方式切换div。

在html中：

<div class="mr-blur" ng-if="toggle"></div>

在CSS中：

.mr-blur{
height : 100vh;//full viewport height
width : 100vw;//full viewport width
background-color : white;//color of the overlay
opacity : 0.6;//to show a little bit of the iactive screen
z-index : 9999!important; //To put it on top of all elements
}

在JS中：

$scope.plusButton = function(){ //function to be called when plus button is clicked 
    $scope.toggle = !$scope.toggle;//
}