离子降低选定的问题

Question

这是我的下拉菜单代码：

<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>

填充下拉列表的json看起来像这样：

{"0":"Select gender","1":"Male","2":"Female"}

性别占位符是之前选择的性别。但是当我创建下拉列表时，它最终看起来像这样：

 - Female 
 - Female
 - Male

而不是

 - Female
 - Male

Answer 1

请使用以下代码解决您的问题。

 <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>