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