关于ionic 使用select焦点问题

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值