Development documentation
  1. Components
  2. UppTabButtonComponent

File

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

Description

Represents a tab button that belongs to the UppTabBarComponent. It communicates with the parent UppTabBarComponent when clicked.

Implements

OnInit OnDestroy

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector upp-tab-button
template 
<ion-tab-button [ngClass]="{ 'selected': IsTab }" (click)="OnTab()">
    <ion-icon [name]="tabicon"></ion-icon>
    <ion-label>{{tablabel}}</ion-label>
</ion-tab-button>
styleUrl ./upp-tabbar.scss

Index

Methods
Inputs
Accessors

Constructor

constructor(change: ChangeDetectorRef, tabbar: UppTabBarComponent)
Parameters :
Name Type Optional Description
change ChangeDetectorRef No

A reference to Angular's ChangeDetectorRef, used to manually control change detection.
tabbar UppTabBarComponent No

The parent UppTabBarComponent instance (optional).

Inputs

tabicon
Type : string | null
Default value : null

The icon name to be used for the tab button.
tablabel
Type : string | null
Default value : null

The label to be displayed inside the tab button.
tabname
Type : string | null
Default value : null

The name of the tab.

Methods

ngOnDestroy
ngOnDestroy()

Lifecycle hook that is called before Angular destroys the component. Unsubscribes from the Selected event to prevent memory leaks.

Returns : void
ngOnInit
ngOnInit()

Lifecycle hook that is called after Angular initializes the component. Subscribes to the Selected event of the parent UppTabBarComponent, ensuring the tab updates when the selection changes.

Returns : void
OnTab
OnTab()

Handles the tab button click event. Calls the OnSelected method of the parent UppTabBarComponent to notify of the tab selection.

Returns : void

Accessors

IsTab
getIsTab()

Determines whether the tab is currently selected.
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""