在做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地方的外层都要加上这个指令。
这里记录下。。。。