阻止或禁用离子2中的触摸屏

Question

我正在使用离子2框架，我有一个警告，验证gps是否打开，我想要当警报告诉我它没有打开时，禁用触摸移动设备以便用户在gps打开之前无法做任何事情。

有没有办法实现这个目标？

这是我的验证方法：

gps(){



  
 let successCallback = (isAvailable) => { 

   if(isAvailable == true){

       //alert("GPS ENABLE");
   }else{

       alert("GPS DISABLE");
      
   }
  
 };
    let errorCallback = (e) => alert(e + "error");


  this.diag.isGpsLocationEnabled().then(successCallback).catch(errorCallback);
 

 
}

Answer 1

我是通过在整个应用上放置一个叠加层来实现的。可能有一种更清洁的方式，但它对我有用。

HTML：

<div class="my-invisible-overlay" [hidden]="inputEnabled"></div>

CSS：

.my-invisible-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}