離子下拉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