Javascript 我想在我的选择标记中将选择性别显示为占位符

Javascript 我想在我的选择标记中将选择性别显示为占位符,javascript,html,css,angular7,ionic4,Javascript,Html,Css,Angular7,Ionic4,嗨,我的要求是在我的选择标签页.html中显示选择性别作为占位符 <div class="form-group"> <select placeholder="Select Gender" name="Sgender" [(ngModel)]="gender" class="form-control" #genders="ngModel" required> <option value="Male">Male</option> <o

嗨,我的要求是在我的选择标签页.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时,它不会将文本显示为占位符。请帮我提一些有价值的建议。感谢您的帮助

根据您正在使用的IO 4的SO标记,因此您可以使用提供
占位符
属性的组件:


男性
女性
(请注意,如果未提供
value
属性,则标签将变为值)


我不认为这是特定于角度的;如果你想要一个占位符,你必须添加它作为初始选项,我想。
select
元素没有占位符。您需要执行以下操作:禁用并默认选中第一个选择选项,并在其中放置占位符。这是否回答了您的问题?叹息