角度：如何設置“值”與選項中顯示的值不同？

Question

在我的角度SPA中，我正在使用<select><option ng-repeat...></select>構造

<div ng-init="hours = [ '9:00', '10:00' ]">
  <select name="eta" ng-model="reservation.eta">
    <option ng-repeat="hour in hours track by $index" ng-value="hour">{{ 'We arrive at' | translate }} {{hour}}</option>
  </select>
</div>

問題是，在每個option的value ，我得到“我們到達HOUR”字符串（與顯示的值相同，這是正確的），而不是我想要的單獨小時。

我想念什么？

注意：請不要建議使用ng-options因為在設置選定和禁用的第一個選項（作為占位符）時出現問題，我被迫將其丟棄。

Answer 1

您無需在此處使用ng-value。 只是使用價值。

<div ng-init="hours = [ '9:00', '10:00' ]">
   <select name="eta" ng-model="reservation.eta">
      <option ng-repeat="hour in hours track by $index" value="{{hour}}">{{ 'We arrive at' | translate }} {{hour}}</option>
   </select>
</div>