title: Not able to disable BG screen after a click
body: <p>I'm trying to disable the background screen after one click.But if click again there are multiple pop up has raised.How can i disable the background screen after a click.</p>
  
  <p>this is my code:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;html&gt;
  
  &lt;li id="logical-resources" ng-click="showLogicalResourcesPool()"  ng-class="{'vrack-info-padding-top-9':dashboardInfo.workloads.length &gt; 0,'vrack-info-padding-top-30':dashboardInfo.workloads.length == 0 || dashboardInfo.workloads == null}"&gt;
  
  &lt;span ng-click="showLogicalResourcesPool();" ng-hide="isLogicalResourcesDisable==false" &gt;&lt;/span&gt;
  
  &lt;span ng-show="isLogicalResourcesDisable==true" style="color:gray"&gt;&lt;/span&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code> $scope.showLogicalResourcesPool = function() { $scope.showDisableDone = 0;
   $rootScope.modalInstance = $modal.open({ templateUrl:
   vrmUi.getDashboardValue("LOGICAL_RESOURCES_URL"), backdrop:
   vrmUi.getDashboardValue("BACKDROP_STYLE_STATIC"), keyboard: false }); };
  </code></pre>