我想在我的 select 标签中显示 Select 性别作为占位符

Question

您好，我的要求是在我的 select 标签中显示 Select 性别作为占位符 page.html

<div class="form-group">
  <select placeholder="Select Gender" name="Sgender" [(ngModel)]="gender" class="form-control" #genders="ngModel" required>
  <option value="Male">Male</option>
  <option value="Female">Female</option>
  </select>
  <div *ngIf="genders.invalid && (genders.dirty || genders.touched)" class="alert alert-danger">
    <div *ngIf="genders.errors.required">
      Please Enter Gender
    </div>
  </div>
</div>

这是我每次在其中使用 ngModel 时的代码，它不会将文本显示为占位符。请帮我提出宝贵的建议。谢谢你的帮助

Answer 1

根据您使用 Ionic 4 的 SO 标签，您可以使用 ion-select 组件来代替它提供 placeholder 属性:

<ion-select placeholder="Select Gender">
  <ion-option>Male</ion-option>
  <ion-option>Female</ion-option>
</ion-select>

（请注意，如果没有提供 value 属性，标签将成为值）

我想在我的 select 标签中显示 Select 性别作为占位符

I want to show Select Gender as placeholder in my select tag

html

javascript

css

ionic4

angular7