您可以使用ionic提供的默认属性。
在ts文件中，声明如下：

import { Component } from '@angular/core';

@Component({
  selector: 'app-CoursesComponent',
  templateUrl: 'CoursesComponent.html',
  styleUrls: ['./CoursesComponent.scss'],
})

export class CoursesComponent {

  customActionSheetOptions: any = {
    header: 'Courses List',
  };

}

字符串
然后，在你的html文件中：

<ion-item>
  <ion-select placeholder="Select" [interfaceOptions]="customActionSheetOptions">
    <ion-select-option value="Course1">Course 1</ion-select-option>
    <ion-select-option value="Course2">Course 2</ion-select-option>
    <ion-select-option value="Course3">Course 3</ion-select-option>
  </ion-select>
</ion-item>

型

一个快速的解决方法是将display：none设置为离子标签，并将占位符设置为课程列表，以实现您正在寻找的内容。

<ion-item lines="none">
    <ion-label style="display:none">Courses List</ion-label>
    <ion-select placeholder="Courses List" (ionChange)="selectcourse($event)">
       <ion-select-option *ngFor="let course of courses" [value]="course.id">
          {{course.title}}
       </ion-select-option>
    </ion-select>
</ion-item>

字符串
第一次：

的数据
当选择一个项目时：

的

我发现如果你把ion-label放在选择器标签中，并使用带有离子标签的位置属性使标签“固定”，它就可以完成这项工作。

<ion-item lines="none">
     <ion-select [(ngModel)]="course.id" (ionChange)="selectcourse($event)">
      <ion-label position="fixed">Courses List</ion-label>
      <ion-select-option *ngFor="let course of courses" [value]="course.id">
       {{course.title}}
      </ion-select-option>
    </ion-select>
 </ion-item>

字符串

@Gaurav Sekhri的答案是正确的，但我们可以通过将JSON直接放置在interfaceOptions中来使其更简单：

<ion-item>
  <ion-select placeholder="Select" [interfaceOptions]="{header: 'Courses List'}">
    <ion-select-option value="Course1">Course 1</ion-select-option>
    <ion-select-option value="Course2">Course 2</ion-select-option>
    <ion-select-option value="Course3">Course 3</ion-select-option>
  </ion-select>
</ion-item>

字符串
您还应该将带有标签名称的aria-label添加到<ion-select>元素中，以便屏幕阅读器可以看到它。