angularjs - 在具有重复值的对象上使用 ng-options - angularjs

Question

我正在为我使用一个对象ng-options：

$scope.data = {
    option1 : 1,
    option2 : 1,
    option3 : 1,
    option4 : 2 
  };

请注意，选项 1-3 具有相同的值1

将此select元素与ng-options指令一起使用

<select   ng-model=combo_value 
          ng-change='set_value()'
          ng-options="k for (k,v) in data">
</select>

我无法选择选项 1 和 2。

更奇怪的是，使用键盘我可以选择选项 1 和 2，但是当用鼠标选择时，选择会自动跳转到选项 3（猜测这是因为它是最后一个带有 value 的选项1）。

我尝试了不同的ng-options表达方式，但似乎都不起作用

v as k for (k,v) in data
k for (k,v) in data track by $index
k for (k,v) in data track by k

注意：k总是唯一的

score 0 · Accepted Answer

用于ng-options="k as k for (k,v) in data"显示和获取option1、option2、option3、option4作为选定值。

这是工作示例：

score 0 · Accepted Answer

k as v for (k, v) in data

应该让您选择任何选项。在这种情况下，您的模型combo_value将获得值option1、option2等。

2 回答 2