离子下拉式IOS

离子下拉式IOS,ios,angularjs,json,ionic-framework,drop-down-menu,Ios,Angularjs,Json,Ionic Framework,Drop Down Menu,我有下面的json [{“姓名”:“男性”,“代码”:“1”},{“姓名”:“女性”,“代码”:“2”}] 性别 {{genderPlaceholder}} 我想做的是让占位符显示他们选择的最后一个选项,但实际情况是该值被复制。如果他们最后选择的是女性。下拉列表将显示为: 女性 女性 男性 如何将它们所选的值指向json中的值,以便下拉列表直接显示该值 添加的占位符选项将保持原样,您无法动态删除它。我更愿意为select的占位符指定一个通用文本,就像选择性别一样。然后对于预选的Femal

我有下面的json

[{“姓名”:“男性”,“代码”:“1”},{“姓名”:“女性”,“代码”:“2”}]


性别
{{genderPlaceholder}}
我想做的是让占位符显示他们选择的最后一个选项,但实际情况是该值被复制。如果他们最后选择的是女性。下拉列表将显示为:

  • 女性
  • 女性
  • 男性

如何将它们所选的值指向json中的值,以便下拉列表直接显示该值

添加的占位符选项将保持原样,您无法动态删除它。我更愿意为
select
的占位符指定一个通用文本,就像
选择性别一样。然后对于预选的
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>

性别
选择性别

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