Ionic 3 ion-select禁用文本选择

时间:2018-07-26 21:34:51

标签: ionic3

我已经选择了离子选择

<ion-item class="dias">
  <ion-label>Lunes a Sabado</ion-label>
  <ion-select (ionChange)="selectedDays($event)">
    <ion-option value="0">Lunes a Viernes</ion-option>
    <ion-option value="1">Lunes a Sabado</ion-option>
  </ion-select>
</ion-item>

这是它的样子

enter image description here

但是,当我选择一些值时,结果如下:

enter image description here

我想要防止选中的文本,因为我想将选中的文本值放在标签中(正确的位置)。我希望有人能帮助我。

2 个答案:

答案 0 :(得分:0)

我找到了解决方案。

<ion-select (ionChange)="selectedDays($event)" interface="popover" selectedText=" ">
    <ion-option value="0">Lunes a Viernes</ion-option>
    <ion-option value="1">Lunes a Sabado</ion-option>
  </ion-select>

将Attr selectedText =“”设置为空白,以防止选择文本

答案 1 :(得分:0)

您可以给100%的宽度进行离子选择。

ion-select{
   width:100%;
   max-width: 100% !important;
   padding: 0 3px 0 0;
}