牛骨文教育服务平台(让学习变的简单)
博文笔记

关于ionic 使用select焦点问题

创建时间:2017-05-31 投稿人: 浏览次数:1066

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

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。