Angular始终选择选择元素中的第一个选项
Angular always selects the first option in select element
所以这是我的选择(我没有使用ng选项功能,因为我需要禁用选项,我使用的是angular 1.3.x,disable by
功能在1.4 afaik中)
<select class="checkout"
ng-model="user.deliveryTime"
ng-change="timeUpdate = true"
ng-class="{'selected' : user.deliveryTime}" >
<option value="" disabled selected>Delivery Slot </option>
<option ng-repeat = "deliveryTime in intervals"
ng-disabled="deliveryTime.tooLate" value="{{deliveryTime.time}}">
{{deliveryTime.time}}
</option>
</select>
以下是如何为选择预先选择值
config.deliveryTimes(function(m){
$scope.intervals = m;
$scope.user.deliveryTime = $scope.intervals[2].time;
});
CCD_ 2基本上进行HTTP请求并返回。
即使我明确设置了数组第三个值的选项,我也总是得到第一个选项。当我在select的控制器中对选项进行硬编码时,它仍然不起作用。
有什么帮助吗?
删除默认选项上的selected
属性并使用ng-selected="user.deliveryTime === deliveryTime.time"
:
<select class="checkout"
ng-model="user.deliveryTime"
ng-change="timeUpdate = true"
ng-class="{'selected' : user.deliveryTime}" >
<option value="" disabled>Delivery Slot </option>
<option ng-repeat = "deliveryTime in intervals"
ng-disabled="deliveryTime.tooLate" value="{{deliveryTime.time}}"
ng-selected="user.deliveryTime === deliveryTime.time">
{{deliveryTime.time}}
</option>
</select>
当您在选项中使用ng值而不是值时,所选选项将绑定到ng模型(user.deliverytime)中设置的选项
<select class="checkout"
ng-model="user.deliveryTime"
ng-change="timeUpdate = true"
ng-class="{'selected' : user.deliveryTime}" >
<option value="" disabled>Delivery Slot </option>
<option ng-repeat = "deliveryTime in intervals"
ng-disabled="deliveryTime.tooLate" ng-value="deliveryTime.time"
>
{{deliveryTime.time}}
</option>
http://plnkr.co/edit/8hKIXwK5i35lczWEtuCw?p=preview
相关文章:
- 选择多个实例中的第一个
- 使用jquery选择元素附近的第一个h2
- jquery-select2显示默认选择的第一个值
- 使用jQuery从TR父级中选择第一个TD子级
- 文本框和选择框组合单个文本中的值(第一个tb值,然后是sb值)
- 如何在组合中选择第一个值
- 如何在数组的所有
中选择所有第一个 TD - 如何使用Jquery选择第一个td元素及其文本
- 不要使用jquery选择第一个li元素
- 如何选择第一个li
- 如何选择第一个td
- 数组总是选择第一个值,而不是特定的值
- 如何从循环中选择第一个
- jQuery上点击选择第一个类,而不是所有的类
- 始终选择第一个值Select vue.js
- 如何使用jQuery选择第一个父DIV
- 如何在元素的类定义列表中选择第一个类
- HTML中的TAB:默认选择第一个TAB
- 不能在json对象中选择第一个值
- 为什么它总是在AngularJS中选择第一个TD单元格