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>

実行結果

リファレンス

サンプル

Tagged:

製品について

Ignite UI for Angular