Я хочу, чтобы в поле выбора был выбран пункт «Выбрать пол»

Question

Привет, мое требование заключается в том, чтобы отображать Select Gender в качестве заполнителя на странице выбора тегов. 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

В соответствии с тегами SO, которые вы используете Ioni c 4, вы можете использовать вместо этого компонент ion-select, который предоставляет свойство placeholder:

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

(Обратите внимание, что метка становится значением, если не указан атрибут value)