注: 無効なドロップダウン グループ内のすべての項目が無効として扱われます。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;
リスト項目の左パンニング時に表示されるテンプレートの base 要素を参照を提供します。
const leftPanTmpl = this.listItem.leftPanningTemplateElement;
リスト項目の右パンニング時に表示されるテンプレートの base 要素を参照を提供します。
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 コンポーネントの行項目を対象としたコンテナーです。
例: