如何减少离子2中下拉选项之间的距离

Question

我使用离子2动态地将值绑定到下拉列表，这里除了选项之间的空格以及无法在下面的下拉列表中设置标题名称时，工作良好是我的代码＆amp;虽然我使用 interface =“pop over”，但它也无法使用＆amp;在main.css和.scss文件中也做了更改，但没有任何作用

<ion-select  #sectionSelect [(ngModel)]="location" (ionChange)="onChange(sectionSelect.text)" interface="popover" placeholder=" " hidden>
        <ion-option *ngFor="let opt of Locations" [value]="opt.LocationId">{{opt.LocationName}}</ion-option>
      </ion-select>

我正在下载格式，如下面的格式，我无法删除或将名称放在标题中，如性别＆amp;无法减少选项之间的空格

Answer 1

添加文件中提到的ion-list和ion-item。 Working demo

从组件中提取

selectedDropdown : any;
  dropDown : any = [];
 this.dropDown=[
    "100 - BISCUIT - 546156",
    "252 - CHOCO - 185268",
    "131 - CANDY - 478215"
]
this.selectedDropdown=this.dropDown[0];
  }

模板

<ion-list>
  <ion-item>
    <ion-label>Dishes</ion-label>
<ion-select [(ngModel)]="selectedDropdown">
  <ion-option *ngFor="let val of dropDown" value= {{val}}>{{val}}</ion-option>
</ion-select>
  </ion-item>
</ion-list>