項目の左パンニングが許可されるかどうかを取得または設定します。

備考

デフォルト値は false です。

例

<igx-list [allowLeftPanning]="true"></igx-list>
Copy

let isLeftPanningAllowed = this.list.allowLeftPanning;
Copy

項目の右パンニングが許可されるかどうかを取得または設定します。

備考

デフォルト値は false です。

例

<igx-list [allowRightPanning]="true"></igx-list>
Copy

let isRightPanningAllowed = this.list.allowRightPanning;
Copy

リストのすべての項目およびヘッダーのコレクションを返します。

例

let listChildren: QueryList = this.list.children;
Copy

リストの読み込みテンプレートを設定または取得します。

備考

このテンプレートはリスト項目を定義せずに isLoading を true に設定した場合に IgxList で使用されます。

例

<igx-list>
  <ng-template igxDataLoading>
    <p>Patience, we are currently loading your data...</p>
  </ng-template>
</igx-list>
Copy

let loadingTemplate = this.list.dataLoadingTemplate;
Copy

空のリスト テンプレートを設定または取得します。

備考

このテンプレートはリスト項目を定義せずに isLoading を false に設定した場合に IgxList で使用されます。

例

<igx-list>
  <ng-template igxEmptyList>
    <p class="empty">No contacts! :(</p>
  </ng-template>
</igx-list>
Copy

let emptyTemplate = this.list.emptyListTemplate;
Copy

パン ジェスチャが完了またはキャンセルされたときに発生するイベントです。

備考

イベント引数として IListItemPanningEventArgs 型のオブジェクトへの参照を提供します。

例

<igx-list (endPan)="endPan($event)"></igx-list>
Copy

リストの id を設定または取得します。

備考

設定しない場合、最初のリスト コンポーネントの id は "igx-list-0" になります。

例

<igx-list id="my-first-list"></igx-list>
Copy

let listId = this.list.id;
Copy

リストがデータを読み込んでいるかどうかを取得または設定します。

備考

データの取得中に dataLoadingTemplate を表示するために設定します。 デフォルト値は false です。

例

 <igx-list [isLoading]="true"></igx-list>
Copy

let isLoading = this.list.isLoading;
Copy

リスト項目がクリックされたときに発生するイベントです。

備考

イベント引数としてIgxListItemComponent および Event への参照を提供します。

例

<igx-list (itemClicked)="onItemClicked($event)"></igx-list>
Copy

左パンニング ジェスチャがリスト項目に実行されたときに発生するイベントです。

備考

イベント引数として IListItemPanningEventArgs 型のオブジェクトへの参照を提供します。

例

<igx-list [allowLeftPanning]="true" (leftPan)="leftPan($event)"></igx-list>
Copy

リスト項目を左パンニングするテンプレートを設定または取得します。

備考

デフォルト値は null です。

例

<igx-list [allowLeftPanning]="true">
  <ng-template igxListItemLeftPanning>
    <igx-icon>delete</igx-icon>Delete
  </ng-template>
</igx-list>
Copy

let itemLeftPanTmpl = this.list.listItemLeftPanningTemplate;
Copy

リスト項目を右パンニングするテンプレートを設定または取得します。

備考

デフォルト値は null です。

例

<igx-list [allowRightPanning] = "true">
  <ng-template igxListItemRightPanning>
    <igx-icon>call</igx-icon>Dial
  </ng-template>
</igx-list>
Copy

let itemRightPanTmpl = this.list.listItemRightPanningTemplate;
Copy

項目のパンニングが自動的に完了した後にしきい値を提供します。

備考

このプロパティのデフォルト値は0.5 でリスト項目幅の 50% を意味します。

例

<igx-list [panEndTriggeringThreshold]="0.8"></igx-list>
Copy

パンニング ジェスチャがリスト項目に実行されたときに発生するイベントです。

備考

イベント引数として IgxListItemComponent および IgxListPanState への参照を提供します。

例

<igx-list (panStateChange)="panStateChange($event)"></igx-list>
Copy

パン項目が元の位置に戻ったときに発生するイベントです。

備考

イベント引数として IgxListComponent 型のオブジェクトへの参照を提供します。

例

<igx-list (resetPan)="resetPan($event)"></igx-list>
Copy

右パンニング ジェスチャがリスト項目に実行されたときに発生するイベントです。

備考

イベント引数として IListItemPanningEventArgs 型のオブジェクトへの参照を提供します。

例

<igx-list [allowRightPanning]="true" (rightPan)="rightPan($event)"></igx-list>
Copy

パン ジェスチャが開始されたときに発生するイベントです。

備考

イベント引数として IListItemPanningEventArgs 型のオブジェクトへの参照を提供します。

例

<igx-list (startPan)="startPan($event)"></igx-list>
Copy