Question

这是一个常见的问题，但是当尝试使用Stackoverflow上提供的解决方案时，我没有成功......我在HTML视图中有以下内容：

<select class="date-input" ng-model="reservation.date">
<option ng-repeat="d in dates track by $index"
        value="{{ d }}"
        > {{ d }} </option>
</select>

在我的控制器中，我有以下内容......

$scope.makeDates = (function () {
 dArray =[];
// we make a big array of dates ['dd-mm-yyyy','dd-mm-yyyy', 'dd-mm-yyyy'...] for 3 months and return it
 return dArray;
}();

$scope.reservation = { 
      date : null,
      time : null,
      quantity : null
};
$scope.dates = $scope.makeDates;
$scope.reservation.date = $scope.dates[0];

然而，尽管我设置$scope.reservation.date = $scope.dates[0];，选择仍然会产生一个空白选项，并且是默认/选定的值！？！？！我错过了什么吗？我知道现在还早，但我看不出我做错了什么？

Answer 1

您不需要value="{{ d }}"的{{1}}属性。这就是为什么你得到空项目的原因。

<强> HTML

<option>

演示 Fiddle

无法删除AngularJS </option>中由ng-repeat创建的空白选择<选项>

1 个答案: