IgxChipsAreaComponent で IgxChipComponent を含みます。

ngAfterViewInit(){
   let chips = this.chipsArea.chipsList;
}

IgxChipsAreaComponent の高さを設定する @Input プロパティ。

<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onReorder)="chipsOrderChanged($event)"></igx-chips-area>

IgxChipsAreaComponent で IgxChipComponent が移動された後にイベントを発生します。

<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onMoveEnd)="moveEnd($event)"></igx-chips-area>

moveEnd(event: IBaseChipsAreaEventArgs){
     let chipArea = event.owner;
}

IgxChipsAreaComponent で IgxChipComponent が移動されたときにイベントを発生します。

<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onMoveStart)="moveStart($event)"></igx-chips-area>

moveStart(event: IBaseChipsAreaEventArgs){
     let chipArea = event.owner;
}

IgxChipsAreaComponent で IgxChipComponent の順序が変更されたときにイベントを発生します。 IgxChipComponent の配列を返します。

<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onReorder)="changedOrder($event)"></igx-chips-area>

public changedOrder(event: IChipsAreaReorderEventArgs){
     let chips: IgxChipComponent[] = event.chipsArray;
}

IgxChipsAreaComponent で IgxChipComponent が選択されたときにイベントを発生します。 初期時に選択されたチップがある場合もチップ領域が初期化された後に発生されます。 選択済み IgxChipComponents の配列および IgxChipAreaComponent を返します。

<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onSelection)="selection($event)"></igx-chips-area>

`typescript public selection(event: IChipsAreaSelectEventArgs){ let selectedChips: IgxChipComponent[] = event.newSelection; }

IgxChipsAreaComponent の幅を設定する @Input プロパティ。

<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onReorder)="chipsOrderChanged($event)"></igx-chips-area>