我想在我的选择标签中显示选择性别作为占位符答案

【问题标题】：I want to show Select Gender as placeholder in my select tag我想在我的选择标签中显示选择性别作为占位符
【发布时间】：2020-01-17 22:21:12
【问题描述】：

您好，我的要求是在我的选择标签 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 时的代码，它不会将文本显示为占位符。请帮助我提出您的宝贵建议。谢谢你的帮助

【问题讨论】：

我不认为这是 Angular 特有的；如果你想要一个占位符，你必须将它添加为初始选项，我猜。
select 元素没有占位符。你需要做这样的事情：stackoverflow.com/questions/5805059/…
禁用并默认选中第一个选择选项并将占位符放入其中。
这能回答你的问题吗？ How do I make a placeholder for a 'select' box?
叹息 medium.com/@malpinder/…

标签： javascript html css angular7 ionic4

【解决方案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 属性，则标签变为值）

【讨论】：