AngularJS ng-option选择框默认选中最后项,需设默认提示‘select’
解决AngularJS ng-options默认显示‘select’文本的问题
我来帮你搞定这个需求!要让你的下拉选择框默认显示「select」文本,而不是自动选中obj.child的最后一个值,只需要两个简单的调整:
- 添加默认提示选项:在
<select>标签内部插入一个空值的<option>,用来展示「select」文本 - 确保ngModel初始值为空:让绑定的
form1value[$index]在初始状态下是undefined或空字符串,这样AngularJS会自动选中默认提示项
修改后的完整代码
<select ng-if="list[$index].length>0" data-ng-model="form1value[$index]" data-ng-options="label for label in obj.child track by $index"> <!-- 新增默认提示选项 --> <option value="">select</option> </select>
额外注意事项
如果你的控制器里之前默认给form1value[$index]赋值了obj.child的最后一个元素,记得把它初始化为空值,比如在控制器中添加:
// 初始化form1value数组(根据你的业务场景调整) $scope.form1value = []; // 或者针对特定索引设置初始值 $scope.form1value[$index] = "";
这样设置后,当下拉框加载完成时,就会默认显示「select」文本,用户选择其他选项后,form1value[$index]会自动更新为选中的标签值。
内容的提问来源于stack exchange,提问作者gst
相关产品推荐
相关产品推荐

