項目の右パンニングが許可されるかどうかを取得または設定します。
デフォルト値は false です。
<igx-list [allowRightPanning] = "true"></igx-list>
let isRightPanningAllowed = this.list.allowRightPanning;
リストのすべての項目およびヘッダーのコレクションを返します。
let listChildren: QueryList = this.list.children;
リスト項目を定義せずに isLoading を true に設定した場合に IgxList で使用されるテンプレートを返します。
let loadingTemplate = this.list.dataLoadingTemplate;
リスト項目を定義せずに isLoading を true に設定した場合に IgxList で使用されるテンプレートを返します
let emptyTemplate = this.list.emptyListTemplate;
リストの id を取得または設定します。
設定しない場合、最初のリスト コンポーネントの id は "igx-list-0" になります。
<igx-list id = "my-first-list"></igx-list>
let listId = this.list.id;
リストがデータを読み込んでいるかどうかを取得または設定します。
データの取得中に dataLoadingTemplate を表示するために設定します。
デフォルト値は false です。
<igx-list [isLoading]="true"></igx-list>
let isLoading = this.list.isLoading;
リスト項目の左パンニング時に表示されるテンプレートの base 要素を参照を提供します。
デフォルト値は null です。
<igx-list [allowLeftPanning] = "true"></igx-list>
let itemLeftPanTmpl = this.list.listItemLeftPanningTemplate;
リスト項目の右パンニング時に表示されるテンプレートの base 要素を参照を提供します。
デフォルト値は null です。
<igx-list [allowLeftPanning] = "true"></igx-list>
let itemRightPanTmpl = this.list.listItemRightPanningTemplate;
リスト項目がクリックされたときに現在のリストでイベントを発生します。
イベント引数として IgxListItemComponent および Event への参照を提供します。
<igx-list (onItemClicked) = "onItemClicked($event)"></igx-list>
左パンニング ジェスチャがリスト項目に実行されたときに現在のリストでイベントを発生します。
イベント引数としてタイプ IListItemPanningEventArgs のオブジェクトへの参照を提供します。
<igx-list [allowLeftPanning]="true" (onLeftPan)="onLeftPan($event)"></igx-list>
パンニング ジェスチャがリスト項目に実行されたときに現在のリストでイベントを発生します。
イベント引数として IgxListItemComponent および IgxListPanState への参照を提供します。
<igx-list (onPanStateChange) = "onPanStateChange($event)"></igx-list>
右パンニング ジェスチャがリスト項目に実行されたときに現在のリストでイベントを発生します。
イベント引数としてタイプ IListItemPanningEventArgs のオブジェクトへの参照を提供します。
<igx-list [allowRightPanning]="true" (onRightPan)="onRightPan($event)"></igx-list>
項目のパンニングが自動的に完了した後にしきい値を提供します。 このプロパティのデフォルトは0.5 でリスト項目幅の 50% を意味します。
this.list.panEndTriggeringThreshold = 0.8;
IgxListComponent である $implicit 宣言を提供して list container への template context バインディングを表す context オブジェクトを返します。
let listComponent = this.list.context;
コンポーネントのテーマを返します。
デフォルト テーマは comfortable です。
利用可能なオプションは comfortable、cosy、および compact です。
let componentTheme = this.component.displayDensity;
コンポーネントのテーマを設定します。
リストのヘッダーを返します。
let listHeaders: IgxListItemComponent[] = this.list.headers;
リストが空かどうかを示すブール値を返します。
let isEmpty = this.list.isListEmpty;
リストのヘッダー以外の items を返します。
let listItems: IgxListItemComponent[] = this.list.items;
role 属性を取得します。
let listRole = this.list.role;
空のリストの template を返します。
let listTemplate = this.list.template;
項目の左パンニングが許可されるかどうかを取得または設定します。 デフォルト値は
falseです。<igx-list [allowLeftPanning] = "true"></igx-list>let isLeftPanningAllowed = this.list.allowLeftPanning;IgxListComponent