javascript - Ionic 下拉选定的问题

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>