Angular ng Options底部元素在选中时不显示

Question

我有一个简单的选择。当我选择数组中的最后一个元素时，输入保持空白，如果我再次选择该元素，则文本会出现在输入中。只有在刷新后第一次选择数组中的最后一个元素时才会发生这种情况，所有其他情况都按预期工作。

<select ng-model="bib.raceDistance" ng-options="raceDistance for raceDistance in Data.defaultRaceDistances" ng-required="true"></select>

数据在常量模块中设置

angular.module('core').constant('Data', {
    defaultRaceDistances: ['5km', '12km', 'Half Marathon', 'Marathon'],
});

bib变量在控制器中设置。

$scope.bib = {};

为什么马拉松在第一次点击时没有出现？

感谢。

Answer 1

尝试使用：ng-repeat重复选项

<select ng-model="bib.raceDistance">
<option ng-repeat="raceDistance in Data.defaultRaceDistances">{{raceDistance}}</option>
</select>

Answer 2

我认为这只是我使用的引导程序模板与Angular不一致。当我回到默认引导程序时，一切正常。

使用材质设计模板，他们希望您使用不同的元素。