list item の aria-label 属性を取得または設定します。
this.listItem.ariaLabel = "Item1";let itemAriaLabel = this.listItem.ariaLabel;list item が非表示かどうかを取得または設定します。
デフォルトで hidden 値が false です。
<igx-list-item [hidden] = "true">Hidden Item</igx-list-item>let isHidden = this.listItem.hidden;list item がヘッダーかどうかを取得または設定します。
<igx-list-item [isHeader] = "true">Header</igx-list-item>let isHeader = this.listItem.isHeader;リスト項目を左パンニングした際にテンプレートのベース要素に参照を提供します。
const leftPanTmpl = this.listItem.leftPanningTemplateElement;リスト項目を右パンニングした際にテンプレートのベース要素に参照を提供します。
const rightPanTmpl = this.listItem.rightPanningTemplateElement;list item の touch-action スタイルを取得します。
let touchAction = this.listItem.touchAction;リスト項目のコンテンツを含む参照コンテナーを返します。
let listItemContainer = this.listItem.contentElement.IgxListItemComponent である $implicit 宣言を提供して list item container への template context バインディングを表す context オブジェクトを返します。
let listItemComponent = this.listItem.context;list item の表示モードを説明する文字列値を返します。
let isHidden = this.listItem.display;リスト項目への要素参照を返します。
let listItemElement = this.listItem.element.list item にヘッダー スタイルを適用するかどうかを示します。
let headerStyle = this.listItem.headerStyle;list item の index を取得します。
let itemIndex = this.listItem.index;list item の index を設定します。
this.listItem.index = index;項目がヘッダーではない場合、list item の内部スタイルを適用します。
let innerStyle = this.listItem.innerStyle;list item の最も左の位置を取得します。
let maxLeft = this.listItem.maxLeft;list item の最も右の位置を取得します。
let maxRight = this.listItem.maxRight;list item の panState を取得します。
let itemPanState = this.listItem.panState;list item の role 属性を取得します。
let itemRole = this.listItem.role;list item の幅を取得します。
let itemWidth = this.listItem.width;
Ignite UI List Item コンポーネントは、Ignite UI for Angular List コンポーネントの行アイテムを対象としたコンテナです。
例:
<igx-list> <igx-list-item isHeader="true">Contacts</igx-list-item> <igx-list-item *ngFor="let contact of contacts"> <span class="name">{{ contact.name }}</span> <span class="phone">{{ contact.phone }}</span> </igx-list-item> </igx-list>