Question

当我使用select选项时，ng-option的第一个选项显示为空白，直到我选择该值。我也试过了选项：

<select class="form-control" ng-model="userDetails.selectedtimezone">
 <option ng-repeat="selecttimezonelist in timezones" ng-selected="userDetails.selectedtimezone == selecttimezonelist.id"  value="{{selecttimezonelist.id}}">{{selecttimezonelist.timezone}}</option>
</select>

Answer 1

Angular通常会自动填充下拉菜单的第一个选项，如果它没有初始化为某个值，或者如果您将其设置为不在值列表中的值，则使用空白值它可以选择。

您应该查看将变量初始化为什么值，或者，如果尚未将变量初始化为列表中的某个值，则可以选择。

Answer 2

以角度方式

<select class="form-control" ng-model="userDetails.selectedtimezone" ng-init="selecttimezonelist = timezones[0]">
    <option ng-repeat="selecttimezonelist in timezones" ng-selected="userDetails.selectedtimezone == selecttimezonelist.id"  value="{{selecttimezonelist.id}}">{{selecttimezonelist.timezone}}</option>
</select>

然后使用css

select option:empty {
    display:none
}

Angularjs，首先选择选项始终为空白直至选择

2 个答案: