Ignite UI for Angular 9.1.2 バージョン時点での情報に基づいています。
IgxChip の tabIndex プロパティを利用することで、IgxChip の DOM 要素(div タグ)の tabIndex プロパティを指定することができます。例えば、タブキー押下によるフォーカス可否制御を行う際に便利です。
実装例
<div class="spacing"> <igx-chip *ngFor="let chip of chipList" [id]="chip.id" [tabIndex]="chip.tabIndex" > {{ chip.text }} </igx-chip> </div>
実行結果
![](https://kb.jp.infragistics.com/wp-content/uploads/2020/06/igx-chip-tabindex.gif)
リファレンス
- tabIndex プロパティ