Angular2：KeyDownイベントトリガー上の次のタブインデックス（次の要素にフォーカス）

Question

ので、私は（私はjavascriptをせずにスタイルのみを実装）、ブートストラップのドロップダウンメニューを持っています...ので、私はいくつかのJSの機能

をangular2するポートに必要

onMenuKeydown(event: KeyboardEvent){ 
    if(event.keyCode === 40){ 
     /*event.srcElement.nextSibling.*/ 
     event.preventDefault(); 
    } 
} 

：1は、これまでのところ、私は私のコントローラで

<div (keydown)="onMenuKeydown($event)" ....> 
    <ul class="dropdown-menu"> 
     <li><a href="#"...>option 1</a></li> 
     <li><a href="#"...>option 2</a></li> 
     <li><a href="#"...>option 3</a></li> 
    </ul> 
</div> 

を持って、私はこれを持っているキーボードのアクセシビリティ

です

Shiftキーを押しながらTabキー（前のタブインデックス）をシミュレートするために、Tabキーをシミュレートまたはトリガーします（次の要素にフォーカスする必要があります）。 .srcElementとnextSiblingプロパティを持っていますが、フォーカスメソッドはありません。だから、できませんevent.srcElement.nextSibling.focus（）;

ここで最善の解決策は何ですか？

Answer 1

ので、参考のため、要素とのHTMLElement区別は後は、一つの拡張され、明らかに存在します。

Angular2は、HTML要素を参照するときは、通常、あなたが

let next = new ElementRef(event.nextSibling); 

と

next.nativeElement.focus(); 

を使用して操作を行うevent.nextSiblingからのHTMLElementを取得するには...

を使用ElementRefを持っています

インポートにElementRefを含めることを忘れないでください。