クラス IgxListComponent

階層

  • IgxListBase
    • IgxListComponent

実装

  • DoCheck
  • OnInit

コンストラクタ

constructor

プロパティ

allowLeftPanning

allowLeftPanning: boolean = false

項目の左パンニングが許可されるかどうかを取得または設定します。 デフォルト値は false です。

 <igx-list [allowLeftPanning] = "true"></igx-list>
let isLeftPanningAllowed = this.list.allowLeftPanning;
次のメンバー:

IgxListComponent

allowRightPanning

allowRightPanning: boolean = false

項目の右パンニングが許可されるかどうかを取得または設定します。 デフォルト値は false です。

 <igx-list [allowRightPanning] = "true"></igx-list>
let isRightPanningAllowed = this.list.allowRightPanning;
次のメンバー:

IgxListComponent

children

children: QueryList<IgxListItemComponent>

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

let listChildren: QueryList = this.list.children;
次のメンバー:

IgxListComponent

dataLoadingTemplate

dataLoadingTemplate: IgxDataLoadingTemplateDirective

リスト項目を定義せずに isLoadingtrue に設定した場合に IgxList で使用されるテンプレートを返します。

let loadingTemplate = this.list.dataLoadingTemplate;
次のメンバー:

IgxListComponent

element

element: ElementRef

emptyListTemplate

リスト項目を定義せずに isLoadingtrue に設定した場合に IgxList で使用されるテンプレートを返します

let emptyTemplate = this.list.emptyListTemplate;
次のメンバー:

IgxListComponent

id

id: string = `igx-list-${NEXT_ID++}`

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

<igx-list id = "my-first-list"></igx-list>
let listId =  this.list.id;
次のメンバー:

IgxListComponent

isLoading

isLoading: boolean = false

リストがデータを読み込んでいるかどうかを取得または設定します。 データの取得中に dataLoadingTemplate を表示するために設定します。 デフォルト値は false です。

 <igx-list [isLoading]="true"></igx-list>
let isLoading = this.list.isLoading;
次のメンバー:

IgxListComponent

listItemLeftPanningTemplate

listItemLeftPanningTemplate: IgxListItemLeftPanningTemplateDirective

リスト項目の左パンニング時に表示されるテンプレートの base 要素を参照を提供します。 デフォルト値は null です。

 <igx-list [allowLeftPanning] = "true"></igx-list>
let itemLeftPanTmpl = this.list.listItemLeftPanningTemplate;
次のメンバー:

IgxListComponent

listItemRightPanningTemplate

listItemRightPanningTemplate: IgxListItemRightPanningTemplateDirective

リスト項目の右パンニング時に表示されるテンプレートの base 要素を参照を提供します。 デフォルト値は null です。

 <igx-list [allowLeftPanning] = "true"></igx-list>
let itemRightPanTmpl = this.list.listItemRightPanningTemplate;
次のメンバー:

IgxListComponent

onDensityChanged

onDensityChanged: EventEmitter<IDensityChangedEventArgs> = new EventEmitter<IDensityChangedEventArgs>()

onItemClicked

onItemClicked: EventEmitter<IListItemClickEventArgs> = new EventEmitter<IListItemClickEventArgs>()

リスト項目がクリックされたときに現在のリストでイベントを発生します。 イベント引数として IgxListItemComponent および Event への参照を提供します。

<igx-list (onItemClicked) = "onItemClicked($event)"></igx-list>
次のメンバー:

IgxListComponent

onLeftPan

onLeftPan: EventEmitter<IListItemPanningEventArgs> = new EventEmitter<IListItemPanningEventArgs>()

左パンニング ジェスチャがリスト項目に実行されたときに現在のリストでイベントを発生します。 イベント引数としてタイプ IListItemPanningEventArgs のオブジェクトへの参照を提供します。

<igx-list [allowLeftPanning]="true" (onLeftPan)="onLeftPan($event)"></igx-list>
次のメンバー:

IgxListComponent

onPanStateChange

onPanStateChange: EventEmitter<IPanStateChangeEventArgs> = new EventEmitter<IPanStateChangeEventArgs>()

パンニング ジェスチャがリスト項目に実行されたときに現在のリストでイベントを発生します。 イベント引数として IgxListItemComponent および IgxListPanState への参照を提供します。

<igx-list (onPanStateChange) = "onPanStateChange($event)"></igx-list>
次のメンバー:

IgxListComponent

onRightPan

onRightPan: EventEmitter<IListItemPanningEventArgs> = new EventEmitter<IListItemPanningEventArgs>()

右パンニング ジェスチャがリスト項目に実行されたときに現在のリストでイベントを発生します。 イベント引数としてタイプ IListItemPanningEventArgs のオブジェクトへの参照を提供します。

<igx-list [allowRightPanning]="true" (onRightPan)="onRightPan($event)"></igx-list>
次のメンバー:

IgxListComponent

panEndTriggeringThreshold

panEndTriggeringThreshold: number = 0.5

項目のパンニングが自動的に完了した後にしきい値を提供します。 このプロパティのデフォルトは0.5 でリスト項目幅の 50% を意味します。

this.list.panEndTriggeringThreshold = 0.8;

アクセサー

context

  • get context(): any
  • IgxListComponent である $implicit 宣言を提供して list container への template context バインディングを表す context オブジェクトを返します。

    let listComponent =  this.list.context;

    返却 any

displayDensity

headers

isListEmpty

  • get isListEmpty(): boolean
  • リストが空かどうかを示すブール値を返します。

    let isEmpty =  this.list.isListEmpty;
    次のメンバー:

    IgxListComponent

    返却 boolean

items

role

  • get role(): string
  • role 属性を取得します。

    let listRole =  this.list.role;
    次のメンバー:

    IgxListComponent

    返却 string

template

  • get template(): TemplateRef<any>
  • 空のリストの template を返します。

    let listTemplate = this.list.template;
    次のメンバー:

    IgxListComponent

    返却 TemplateRef<any>

メソッド

ngDoCheck

  • ngDoCheck(): void