您的位置:首页 > Web前端 > AngularJS

chrome手机模式调试AngularJs项目时,点击不了select里面的内容

2017-09-19 16:50 337 查看
用Chrome浏览器调试项目时,发现无法点击select标签的内容(前端采用angularjs框架)。代码如下:

<div class="options">
<div class="dafen_left">
<span>请打分</span>
</div>
<select class="dafen_right" ng-model="addMarkQ.options" >
<option value="">-- 请选择 --</option>
<option ng-repeat="item in addMarkQ.optionList" value="{{item}}">{{item}}</option>
</select>
</div>

问题原因:由于同时引入了ionic框架,导致angularjs框架无法使用。系统ionic采用的是1.1.1版本。

解决办法:以下网址可以参看ionic最新版本:http://code.ionicframework.com/#

把ionic的版本升级到1.2.X版本,同时在外层div上加入 data-tap-disabled="true"命令即可,代码如下:

<div class="options" data-tap-disabled="true">
<div class="dafen_left">
<span>请打分</span>
</div>
<select class="dafen_right" ng-model="addMarkQ.options" >
<option value="">-- 请选择 --</option>
<option ng-repeat="item in addMarkQ.optionList" value="{{item}}">{{item}}</option>
</select>
</div>

未解决问题:当ionic的版本升级到1.3.X版本时,出现如下报错,至今未解决。希望各位大神给予帮助。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs ionic chrome