javascript - 使用 ng-repeat 进行 Angular 选择不适用于 json 对象

Question

<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
  <option ng-repeat="option in data.availableOptions" value="{{option}}">{{option.name}}</option>
</select>

上面的代码可以工作，但它让我无法检索选项元素的 id 字段。请参阅不同的 Plunker - 使用 value={{option.id}} https://plnkr.co/edit/?p=preview 的工作示例- 例如 value={{option}} https://plnkr.co/edit/iEoHaSYLZbnwId8zHi9U?p=preview .

如果我在 select 中使用 ng-options ，它会起作用 - https://plnkr.co/edit/iEoHaSYLZbnwId8zHi9U?p=preview .

我需要过滤ng-model吗？

Answer 1

您无法检索 ID，因为通过在 value 中传递选项对象，您将其转换为字符串，因此 data.model 变成了 ” {"id":"1","name":"选项 A"}"。为了传递对象，请使用 ng-value:

  <select name="repeatSelect" id="repeatSelect" ng-model="data.model">
    <option ng-repeat="option in data.availableOptions" ng-value="{{option}}">{{option.name}}</option>
  </select>