如何使用ng選項在選擇框中選擇默認時間值

Question

我有一個帶有選擇框的表單來選擇企業的工作時間。我想選擇上午9:00作爲第一個框的默認值，下午5:00作爲第二個框的默認值。

這裏是JSfiddle

例如，我有

<select ng-options="hour as (hour | date: 'shortTime') for hour in hours" 
    ng-model="start_time" ng-change="update(start_time, $index, 1)"> 

如果我app.js我設置$scope.start_time等於初始化爲當前日期和時間爲上午9:00 Date對象，默認值將被選爲選擇框中的最後一個值。由於我使用日期過濾器以'shortTime'格式在選擇框中顯示時間，因此默認值顯示不正確的原因是什麼？

Answer 1

只需將模型start_time設置正確，例如在您的控制器中！

<select ng-options="hour as (hour | date: 'shortTime') for hour in hours track by hour" 
     ng-model="start_time" ng-change="update(start_time, $index, 1)"> 

$scope.start_time = new Date(); // set default date in controller 

使用最新版本的角度和track by hour解決了這個問題：http://jsfiddle.net/j8xu1h2h/