Ionic的下拉框在手机上点击无效

最新推荐文章于 2019-08-28 12:30:29 发布

原创最新推荐文章于 2019-08-28 12:30:29 发布 · 313 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个Ionic+Angular项目中出现的问题：在手机上无法点击Ionic的下拉框。该问题在浏览器中未出现。文章给出了针对Ionic 1.3.1版本的解决方案，即在父级元素上添加属性data-tap-disabled=true。

Ionic的下拉框在手机上点击无效

最近在维护ionic+angular的项目，在浏览器使用下拉框的时候调试的时候，一切正常。

但是在手机上测试的时候，遇到这个问题。

我使用的版本是ionic1.3.1，不知道新版本有没有解决这个bug。

解决方法：在父级元素上加一个属性：data-tap-disabled="true"

参考 http://ionicframework.com/docs/v1/api/page/tap/

 <div class="item item-input item-select" data-tap-disabled="true"> 
      <select class="form-control" ng-model="selectValue">
          <option value="1">采购时间</option>
          <option value="2">绑定时间</option>
          <option value="3">采购量</option>
       </select>
</div>