ナビゲーション ディレクティブのターゲットを取得します。;
// 取得
export class MyComponent {
...
@ContentChild(IgxDropDownNavigationDirective)
navDirective: IgxDropDownNavigationDirective = null
...
const navTarget: IgxDropDownBaseDirective = navDirective.navTarget
}
ナビゲーション ディレクティブのターゲットを設定します。; 有効なターゲットが渡されない場合、ドロップダウン コンテキストに戻ります。
<!-- 設定 -->
<input [igxDropDownItemNavigation]="dropdown" />
...
<igx-drop-down #dropdown>
...
</igx-drop-down>
Keydown イベントをキャプチャして、ターゲット コンポーネントに該当のハンドラーを呼び出します。
前の項目へ移動します。
前の項目へ移動します。
ターゲットの最後の項目へ移動します。
ターゲットの最初の項目へ移動します。
ターゲットされた IgxDropDownBaseDirective コンポーネントをコントロールし、ホスト上のキーボード イベントをハンドルする Navigation Directive。