在$ scope上设置ng-options的选定值

时间:2015-08-10 09:48:18

标签: angularjs ng-options

我想获取/设置范围下拉列表的选定索引+偏移量。

所以当我选择名为" Third" $scope.selectedIndex值应为3.但它是obj3

这是我到目前为止所提出的问题。我希望track by可以修复它,但它没有:(

控制器

$scope.foos = [obj1, obj2, obj3]

查看

<select data-ng-model="selectedIndex"
        data-ng-options="foo.name for foo in foos track by foos.indexOf(foo) + 1">
    <option value=""></option>
</select>

生成的视图(生成的值符合预期)

<select data-ng-model="selectedIndex" data-ng-options="foo.name for foo in foos track by foos.indexOf(foo) + 1">
    <option value="" class=""></option>
    <option value="1" label="First">First</option>
    <option value="2" label="Second">Second</option>
    <option value="3" label="Third">Third</option>
</select>

我无法使用数组技巧

ng-options="idx as choice for (idx, choice) in choices"

因为idx需要被+1

抵消

Plnkr

1 个答案:

答案 0 :(得分:5)

使用值作为名称语法:

data-ng-options="foos.indexOf(foo) + 1 as foo.name for foo in foos"

https://plnkr.co/edit/juFXFzlpXmWuS1ukde5R?p=preview