<select>标签不适用于离子中的某些Android设备

时间:2016-09-02 14:45:42

标签: html angularjs cordova ionic-framework cordova-plugins

因此,选择框不适用于Android设备(例如galaxy s6)。我正在使用离子框架..当我点击选择框时没有出现任何内容,但如果我在边框点击它(这是非常困难的)选项显示。因为我知道这是一个离子的错误..任何解决方案?谢谢你提前这是一个选择框图像,这是选项菜单         &lt; div class =“list list-language”&gt;             &lt; label class =“item item-input item-icon-left item-select”&gt;                 &lt; div class =“input-label”&gt;                     &lt; i class =“flag {{$ root.locale}}”&gt;&lt; / i&gt;                     &lt; i class =“icon icon-arrow-right-alt”&gt;&lt; / i&gt;                 &LT; / DIV&GT;                 &lt; select ng-model =“$ root.locale”ng-change =“vm.changeLocale($ root.locale)”tabindex =“ - 1”&gt;                     &lt; option ng-selected =“$ root.locale =='en'”value =“en”&gt; {{'ENGLISH'|翻译}}&lt; /选项&gt;                     &lt; option ng-selected =“$ root.locale =='ka'”value =“ka”&gt; {{'GEORGIAN'|翻译}}&lt; /选项&gt;                     &lt; option ng-selected =“$ root.locale =='ru'”value =“ru”&gt; {{'RUSSIAN'|翻译}}&lt; /选项&gt;                 &LT; /选择&GT;             &LT; /标签&gt;         &LT; / DIV&GT;

2 个答案:

答案 0 :(得分:5)

尝试将data-tap-disabled属性应用于select标记。 Here's有关它的一些信息。它基本上禁用导致问题的离子抽头行为。

答案 1 :(得分:0)

我认为问题可能与您的标记有关,其中您有标签元素包装div和选择。你可以尝试将标签更改为其他标签,例如div。或者尝试将div更改为span ..

HTML不允许<label>包含<div>