最近在改ionic框架,刚开始是在谷歌手机模式调试的时候,select下拉框点不开,无法选值,检查看了看不是没有值,是下拉框的位置发生了改变,造成错觉一直以为下拉框打不开,解决办法是在select最外层的div上加data-tap-disabled="true",并且ionic的版本必须是1.3.2以上的,最后我们选择升级版本,升级版本有可能导致之前的页面受影响,所以可以在新版本的文件名上加上版本号,都引入到页面上。
还有一个问题是,在移动端滑动页面的时候,触摸在select上页面无法滑动,这个解决了,但是不知道为什么是这样的,原文件的代码:
<label class="item item-input item-select">
<span class='lable'><span style="color:red">*</span>企业证件类型:</span>
<select ng-model="$parent.enterpriseIdType" id="enterpriseIdType" name="enterpriseIdType" ng-change=changeType($parent.enterpriseIdType)>
<option ng-repeat="dict in comCardType" value="{{dict.itemCode}}" ng-selected="{{dict.itemCode==enterpriseIdType}}">{{dict.itemName}}</option>
</select>
</label>
修改后:
<div class="item item-input item-select">
<div class='lable'><span style="color:red">*</span>企业证件类型:</div>
<select ng-model="$parent.enterpriseIdType" id="enterpriseIdType" name="enterpriseIdType" ng-change=changeType($parent.enterpriseIdType)>
<option ng-repeat="dict in comCardType" value="{{dict.itemCode}}" ng-selected="{{dict.itemCode==enterpriseIdType}}">{{dict.itemName}}</option>
</select>
</div>