javascript - 带有对象数组的 ngOptions 不设置第一个值

Question

我有一个对象数组，格式如下:

[
  {key: 'SC', name: 'Santa Catarina'},
  {key: 'SP', name: 'São Paulo'},
  {key: 'RJ', name: 'Rio de Janeiro'}
]

我想使用 select 和 ng-options 来显示这些值:

<select ng-model="vm.state"
    ng-options="state.name for state in vm.states">
</select>

但是，如果 vm.state 已经有一个值，则选择不会以它被选中开始。有谁知道如何实现它？

Fiddle demonstrating the problem.

谢谢! :)

Answer 1

在这种情况下，您可以使用 track by，从某个 ajax 调用中检索选定的对象。

<select ng-model="vm.state"
      ng-options="state.name for state in vm.states track by state.key">
</select>

JSFiddle

NOTE: track by will not work if you are using select as in ng-options expression.`