要素が解放されたときにドラッグ可能な要素のアニメーションを有効/無効にします。 デフォルトで true に設定されます。
IgxChipComponent
がクリックされたときにイベントを発生します。
クリックした IgxChipComponent
およびイベントをキャンセルするかどうかを返します。
チップに関連するデータを保存します。
IgxChipComponent
を無効にします。無効な場合、クリックまたはタブでフォーカス、クリックまたはスペースで選択、ドラッグなどのユーザー インタラクションを制限します。
デフォルトの設定は false です。
IgxDragDirective
がドラッグ動作のために使う IgxChipComponent
の参照を含むプロパティです。
IgxChipComponent
が IgxChipsAreaComponent
にドロップされたときにイベントを発生します。ターゲットの
IgxChipComponent
、ドラッグしている IgxChipComponent
、および元のドロップ
イベント引数を返します。
IgxChipComponent
が IgxChipsAreaComponent
に入ったときにイベントを発生します。ターゲットの
IgxChipComponent
、ドラッグしている IgxChipComponent
、および元のドロップ
イベント引数を返します。
IgxChipComponent
が IgxChipsAreaComponent
を離れたときにイベントを発生します。
ターゲットの
IgxChipComponent
、ドラッグしている IgxChipComponent
、および元のドロップ
イベント引数を返します。
IgxChipComponent
が IgxChipsAreaComponent
の上にあるときにイベントを発生します。
ターゲットの
IgxChipComponent
、ドラッグしている IgxChipComponent
、および元のドロップ
イベント引数を返します。
IgxChipComponent
の位置を変更するためにドラッグできるかどうかを定義します。
デフォルトの設定は false です。
ドラッグされた基本要素の非表示を有効または無効にします。 デフォルトで true に設定されます。
id
属性の値を設定します。提供されていない場合は、自動的に生成されます。
IgxChipComponent
のキーボード ナビゲーションが使用されるときにイベントを発生します。フォーカス/選択された
IgxChipComponent
、イベントをキャンセルするかどうか、
alt
、shift
または control
キーが押されたかどうか、押されたキーの名前を返します。
IgxChipComponent
移動が終了するときにイベントを発生します。移動した
IgxChipComponent
を返します。
IgxChipComponent
の移動が開始するときにイベントを発生します。移動している
IgxChipComponent
を返します。
IgxChipComponent
が [削除] ボタンを描画し、削除イベントを発生するかどうかを定義します。
デフォルトの設定は false です。
IgxChipComponent
削除されたときにイベントを発生します。削除した
IgxChipComponent
を返します。
チップが [削除] ボタンに適用するデフォルト アイコンをオーバーライドします。
チップの role
属性を返します。
選択時にチップが適用するデフォルト アイコンをオーバーライドします。
IgxChipComponent
がクリックまたはナビゲーションで選択可能かどうかを定義します。
デフォルトの設定は false です。
IgxChipComponent
が選択/選択解除され、関連するアニメーションとトランジションが終了すると、イベントが発生します。
IgxChipComponent
が選択/選択解除されたときにイベントを発生します。
選択したチップへの参照、イベントをキャンセルするかどうか、次の選択状態を返します。イベントがインタラクションでトリガーされた場合に
originalEvent
が提供されます。それ以外の場合、originalEvent
は null
です。
チップのバリアントを設定または取得します。
リソース文字列を返すアクセサーです。
リソース文字列を設定するアクセサーです。 デフォルトで EN リソースを使用します。
IgxChipComponent
が選択されるているかどうかを返します。
@ViewChild('myChip')
public chip: IgxChipComponent;
selectedChip(){
let selectedChip = this.chip.selected;
}
IgxChipComponent
の選択状態を設定します。
<igx-chip #myChip [id]="'igx-chip-1'" [selectable]="true" [selected]="true">
双方向データ バインディング:
<igx-chip #myChip [id]="'igx-chip-1'" [selectable]="true" [(selected)]="model.isSelected">
tabindex
属性の値を設定します。指定されていない場合は、要素の tabindex (設定した場合) が使用されます。
Chip は情報を小さな楕円内に表示する視覚的なコンポーネントです。
Igx Module
IgxChipsModule
Igx Theme
igx-chip-theme
Igx Keywords
chip
Igx Group
表示
備考
Ignite UI Chip をテンプレート化、削除、または選択できます。 複数の Chip を順序変更し、視覚的に接続できます。 Chip は「チップ領域」と呼ばれるコンテナーに配置され、このコンテナーは Chip の間の操作を管理します。
例