Javascript 离子下拉选择的问题

这是我的下拉菜单代码：

<label id="labelPersonalInformationExtra" class="item item-input item-stacked-label">
  <span id="inputLabel" class="input-label">Gender</span>
  <select id="dropDownPersonalDetails"  ng-options="gender.name for gender in genders"  ng-model="gender" ng-change="updateGender(gender)"  >
    <option  ng-selected="true">{{genderPlaceholder}}</option>
  </select>
</label>

性别占位符是以前选择的性别。但当我创建下拉列表时，它最终显示如下：

 - Female 
 - Female
 - Male

而不是

 - Female
 - Male

---

请使用下面的代码，它将解决您的问题

 <select id="dropDownPersonalDetails" ng-options="gender.name for gender in  genders" ng-model="gender" ng-change="updateGender(gender)">
  <option  class="option-bg" value="" disabled>Select your Gender</option>
 </select>

选择你的性别

包括所有与OPC相关的代码，但我需要将genderPlaceholder放入。如果我放置“选择您的性别”，信息将加倍。请使用上述代码，因为它将起作用。请检查您的代码一次

 <select id="dropDownPersonalDetails" ng-options="gender.name for gender in  genders" ng-model="gender" ng-change="updateGender(gender)">
  <option  class="option-bg" value="" disabled>Select your Gender</option>
 </select>