Development documentation
  1. Components
  2. UppGridItemComponent

File

libs/upp-wdgt/src/components/upp-grid/upp-grid.ts

Description

Represents an individual item in the grid. This component supports view mode changes ('GRID' or 'LIST').

Extends

ViewModeDirective

Implements

AfterContentInit

Metadata

providers { provide: ViewModeDirective, useExisting: forwardRef(() => UppGridItemComponent) }
selector upp-grid-item
template 
<div uppViewMode class="thumbnail-item">
    <ng-content></ng-content>
</div>

Index

Properties
Methods
Accessors

Methods

ngAfterContentInit
ngAfterContentInit()

Lifecycle hook that runs after content initialization. Ensures any child items are updated with the current view mode.

Returns : void

Properties

items
Type : QueryList<ViewModeDirective>
Decorators :
@ContentChildren(ViewModeDirective, {descendants: true})

identifies the list of upp-grid-item in the template

Accessors

viewMode
getviewMode()

Gets the current view mode.

Returns : "GRID" | "LIST"
setviewMode(value: "GRID" | "LIST")

Sets the view mode and updates child items if the value has changed.

Parameters :
Name Type Optional Description
value "GRID" | "LIST" No
  • The new view mode ('GRID' or 'LIST').
Returns : void
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""