带有数组的Angularjs ng选项

Question

我想添加一个带有选项 AM、PM 和 angularjs 的 html 选择， 我需要的是使选项的键和值相同：

<option value="AM">AM</option>
<option value="PM">PM</option>

我的html是这样的

<select ng-model="ampm" ng-options="k as v for (k , v) in ampms"></select>

我的控制器看起来像

  $scope.ampm = (new Date().getHours()) >= 12 ? 'PM' : 'AM';
  $scope.ampms ={"AM":"AM","PM":"PM"};

一切正常。

我的问题是为什么我在使用数组时不能拥有相同的东西（我尝试了 ng-options 中的所有选项） 像这样

$scope.ampms =["AM","PM"];

无论我做什么，我总是得到这个

<option value="0">AM</option>
<option value="1">PM</option>

我想要的是使用像上面这样的数组，该选项具有相同的键和值。

Answer 1

使用 AngularJS，您无需担心选项的值是什么。我用ng-options 看到的所有选择的值都是0 到任何值。如果您只是在寻找包含两个选项的下拉菜单，则可以很简单

<select ng-model="ampm" ng-options="currOption for currOption in ['AM', 'PM']"></select>

见http://jsfiddle.net/EyBVN/1/

Answer 2

这是 Angular 中 ng-options 的默认行为。如果不指定键名，Angular 会自动选择使用索引而不是键。可以在line 405 in /src/ng/directives/select.js on Angular's Github repository 上看到执行此操作的代码。

甚至不能通过“value as value for (index, value) in values”来强制。

但是，由于 dnc253 刚刚用他的答案击败了我（它在我打字的时候出现了）......你不必担心，Angular 会自动为你做这一切。

Answer 3

我确实找到了一种方法，可以将特定数据放入选择的选项值中。您必须在 select 标签内的 option 标签中添加一个 ng-repeat 属性：

<select id="{{question.id}}" name="{{question.id}}" 
    class="{{question.inputclass}}" ng-required="question.required" 
    title="{{question.title}}">
  <option value=""></option>
  <optgroup ng-repeat="group in question.data" label="{{group.group}}">
    <option ng-repeat="item in group.data" value="{{item.value}}" 
        ng-selected="{{item.value == question.defaultValue}}">
          {{item.description}}
    </option>
  </optgroup>
</select>

作为奖励，我保留了选项组标签，以作为大家的示例。

question.dataJSON 是：

[
  {"group":"Canada","data":[{"value":"Ontario","description":"Toronto"},
                            {"value":"Quebec","description":"Quebec City"},
                            {"value":"Manitoba","description":"Winnipeg"}
                           ]
  },
  {"group":"Mexico","data":[{"value":"Jalisco","description":"Guadalajara"},
                            {"value":"Nayarit","description":"Tepic"}
                           ]
  },
  {"group":"United States of America","data":[
                            {"value":"Alabama","description":"Montgomery"},
                            {"value":"Georgia","description":"Atlanta"},
                            {"value":"Mississippi","description":"Jackson"},
                            {"value":"Louisiana","description":"Baton Rouge"},
                            {"value":"Texas","description":"Ausint"}
                           ]
  }
]