关于ionic 使用select焦点问题

来源:互联网 发布:虚拟机ubuntu 编辑:程序博客网 时间:2024/06/03 16:47

在做h5移动端应用时,使用的是ionic的ui框架。那么这篇文章的问题来了。使用Ionic框架会导致在android设备上选择select下拉框时焦点跑偏很难点中。
后面原本是打算改用其他的下拉框,比如mobiscroll但是在后面网上查找时看到一篇相关的文章。
http://www.cnblogs.com/xiao2013/p/6659327.html

<div class="row">        <div class="col col-30 lineheight-30"><span class="font-red">*</span> 汇报周期:</div>                <div class="col col-70" data-tap-disabled="true">                    <select ng-options="reports.entryCode as reports.remarks for reports in reportCategory" placeholder="请选择汇报周期" ng-model="keyWorkAdd.reportCycle">                        <option value="" disabled>-- 请选择汇报周期--</option>                    </select>                </div>            </div>

我个人测试后发现第一种加指令的方式比较有效,而第二种更改ionic.bundle.js框架文件的效果基本为0.
所以推荐使用第一种,只不过这个比较麻烦,有用到原生select地方的外层都要加上这个指令。
这里记录下。。。。