离子下拉IOS

Question

我有以下的JSON

[{ “Name”： “男”， “代码”： “1”}，{ “名”： “女”， “代码”： “2”}]

<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 style="display:none;" value="" disabled>{{genderPlaceholder}}</option> 
    </select> 
    </label> 

我想要做的是有占位符，以显示他们选择，但发生的事情是，该值变为重复的最后一个选项。如果他们最后选择的是女性。下拉将显示为：

• 女
• 女
• 男

我怎么一点他们所选择的价值，在我的JSON的值，从而下拉直接显示。

Answer 1

为占位符添加的选项将保持原样，您不能动态删除它。我宁愿给一个像Select a genderselect占位符的通用文本。然后对于预先选择的Female选项，您可以在控制器内执行$scope.gender = $scope.genders[1]。

标记

<label id="labelPersonalInformationExtra" 
    class="item item-input item-stacked-label"> 
    <span id="inputLabel" class="input-label">Gender</span> 
    <select id="dropDownPersonalDetails" ng-model="gender" 
     ng-change="updateGender(gender)" 
     ng-options="gender.name for gender in genders"> 
     <option value="" disabled>Select a gender</option> 
    </select> 
</label> 

Demo Plunker