angularjs - 在angularjs中捕获箭头键事件

Question

我有一个网页，在该网页中有一个下拉列表。我想通过在 Angular js 中使用箭头键在该下拉列表中选择项目的值。

Answer 1

通常我更喜欢使用项目的索引作为 ng-model 的值，因为它会自动绑定(bind)到 Controller ，我将索引添加为集合中每个项目的属性map() 函数。

$scope.selectOptions = myCollection.map(function(item, index){
    var obj = item;
    item.idx = index;
    return obj;
});

然后在我的 select 元素中

<select name="sel_item"                         
    ng-model="selectedIdx"
    ng-options="option.idx as option.label for option in selectOptions">
</select>

只有当我可以确定 myCollection 不会改变(不可变)时，我才会使用这种方式。现在，我可以从 Controller 轻松访问 myCollection[selectedIdx]

中的每个项目