Android 5.1上的select元素中的空选项

时间:2016-04-02 14:29:22

标签: angularjs ionic-framework

我尝试在离子应用

上使用默认模板进行选择列表
<div class="list"> 
 <div class="item item-input item-select"> 
  <div class="input-label"> Lightsaber </div> 
  <select> 
   <option>Blue</option> 
   <option selected>Green</option> 
   <option>Red</option> 
  </select> 
 </div> 
</div>

使用Android 5.1在我的平板电脑上进行测试 但总的来说,我在select中只看到空选项。见screenshot

如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

试试这个:

<label class="item item-input item-select">
            <div class="input-label">
                Lightsaber
            </div>
            <select ng-model="inputTxt.color">
                <option value="" selected>--select--</option>
                <option value="color" selected>Blue</option>
                <option value="color">Green</option>
                <option value="color">Red</option>
            </select>
</label>