無法刪除空白選擇 <option>由ng-repeat在AngularJS中創建

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]; select仍會產生一個空白選項，並且是默認值/選定值！？！？！ 我想念什么嗎？ 我知道現在還早，但是我看不到自己在做什么錯？

Answer 1

您不需要<option>屬性value="{{ d }}" 。 這就是為什么您得到空項目的原因。

的HTML

<div ng-app='myApp' ng-controller="ArrayController">
    <select class="date-input" ng-model="reservation.date">        
         <option ng-repeat="d in dates track by $index">{{d}}</option>
    </select>
 </div>

演示小提琴