在angular2中如何检测换档键按下阵列键按下？

Question

我有一个项目列表，我试图将文件浏览器等文件遍历行为提供给项目列表，这意味着在选择项目后，如果您按住Shift键并按下向下箭头，那些项目应该被选中。

我有一份如下所述的清单。

<div class="container">
<ul class="mylist">
    <li  tabindex="1">item1</li>
    <li  tabindex="2">item2</li>
    <li  tabindex="3">item3</li>
    <li tabindex="4">item4</li>
    <li tabindex="5">item5</li>
    <li tabindex="6">item6</li>
    <li tabindex="7">item7</li>
    <li tabindex="8">item8</li>
    <li tabindex="9">item9</li>
    <li tabindex="10">item10</li>
</ul>

如果我使用的是(keydown.ArrowDown)="handleKeyEventDown($event, item.name)"，它的唯一识别箭头向下事件同样keydown.shift会识别shift键按下。但是如果按下shift键，我就无法按下按键。如何在angular2中实现这一点，请解释一下。

Answer 1

您从事件类型开始并添加一系列点分隔修饰符

例： keydown.shift.ArrowDown应该做你想做的事。