Sets/gets the aria-label
attribute of the list item
.
this.listItem.ariaLabel = "Item1";
let itemAriaLabel = this.listItem.ariaLabel;
Sets/gets whether the list item
is hidden.
By default the hidden
value is false
.
<igx-list-item [hidden] = "true">Hidden Item</igx-list-item>
let isHidden = this.listItem.hidden;
Sets/gets whether the list item
is a header.
<igx-list-item [isHeader] = "true">Header</igx-list-item>
let isHeader = this.listItem.isHeader;
Provides a reference to the template's base element shown when left panning a list item.
const leftPanTmpl = this.listItem.leftPanningTemplateElement;
Provides a reference to the template's base element shown when right panning a list item.
const rightPanTmpl = this.listItem.rightPanningTemplateElement;
Gets the touch-action
style of the list item
.
let touchAction = this.listItem.touchAction;
Returns a reference container which contains the list item's content.
let listItemContainer = this.listItem.contentElement.
Returns the context
object which represents the template context
binding into the list item container
by providing the $implicit
declaration which is the IgxListItemComponent
itself.
let listItemComponent = this.listItem.context;
Returns string value which describes the display mode of the list item
.
let isHidden = this.listItem.display;
Returns an element reference to the list item.
let listItemElement = this.listItem.element.
Indicates whether list item
should have header style.
let headerStyle = this.listItem.headerStyle;
Gets the index
of a list item
.
let itemIndex = this.listItem.index;
Sets the index
of the list item
.
this.listItem.index = index;
Applies the inner style of the list item
if the item is not counted as header.
let innerStyle = this.listItem.innerStyle;
Gets the maximum left position of the list item
.
let maxLeft = this.listItem.maxLeft;
Gets the maximum right position of the list item
.
let maxRight = this.listItem.maxRight;
Gets the panState
of a list item
.
let itemPanState = this.listItem.panState;
Gets/Sets the role
attribute of the list item
.
let itemRole = this.listItem.role;
Gets the width of a list item
.
let itemWidth = this.listItem.width;
The Ignite UI List Item component is a container intended for row items in the Ignite UI for Angular List component.
Example: