Javascript 单击后无法禁用BG屏幕

Javascript 单击后无法禁用BG屏幕,javascript,json,html,angularjs,Javascript,Json,Html,Angularjs,我正在尝试在单击一次后禁用背景屏幕。但是如果再次单击,会出现多个弹出窗口。如何在单击后禁用背景屏幕 这是我的代码: HTML: 你的代码在哪里???你能格式化你的代码并添加更多吗?我无法告诉你正在尝试做什么。我如何添加代码..我尝试过,但无法发布。我如何将我的代码与普通文本区分开来我们需要更多的代码来全面帮助。但是如果JS函数showLogicalResourcesPool打开了新的弹出窗口,则需要在显示之前检查是否已打开另一个弹出窗口。在这种情况下,您需要关闭它们。$scope.showLog

我正在尝试在单击一次后禁用背景屏幕。但是如果再次单击,会出现多个弹出窗口。如何在单击后禁用背景屏幕

这是我的代码:

HTML:


你的代码在哪里???你能格式化你的代码并添加更多吗?我无法告诉你正在尝试做什么。我如何添加代码..我尝试过,但无法发布。我如何将我的代码与普通文本区分开来我们需要更多的代码来全面帮助。但是如果JS函数showLogicalResourcesPool打开了新的弹出窗口,则需要在显示之前检查是否已打开另一个弹出窗口。在这种情况下,您需要关闭它们。$scope.showLogicalResourcesPool=函数{$scope.showDisableDone=0;$rootScope.modalInstance=$modal.open{templateUrl:vrmUi.getDashboardValueLOGICAL\U RESOURCES\U URL,Background:vrmUi.GetDashboardValueBackground\U STYLE\U STATIC,keyboard:false}; };
<html>

<li id="logical-resources" ng-click="showLogicalResourcesPool()"  ng-class="{'vrack-info-padding-top-9':dashboardInfo.workloads.length > 0,'vrack-info-padding-top-30':dashboardInfo.workloads.length == 0 || dashboardInfo.workloads == null}">

<span ng-click="showLogicalResourcesPool();" ng-hide="isLogicalResourcesDisable==false" ></span>

<span ng-show="isLogicalResourcesDisable==true" style="color:gray"></span>
</html>
 $scope.showLogicalResourcesPool = function() { $scope.showDisableDone = 0;
 $rootScope.modalInstance = $modal.open({ templateUrl:
 vrmUi.getDashboardValue("LOGICAL_RESOURCES_URL"), backdrop:
 vrmUi.getDashboardValue("BACKDROP_STYLE_STATIC"), keyboard: false }); };