[@rxap/layout](../wiki/globals) / NavigationItemComponent

# Class: NavigationItemComponent

Defined in: [navigation/navigation-item/navigation-item.component.ts:91](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L91)

## Implements

- `OnChanges`
- `OnDestroy`
- `AfterViewInit`

## Constructors

### new NavigationItemComponent()

> **new NavigationItemComponent**(): [`NavigationItemComponent`](../wiki/Class.NavigationItemComponent)

#### Returns

[`NavigationItemComponent`](../wiki/Class.NavigationItemComponent)

## Properties

### \_subscription

> `protected` `readonly` **\_subscription**: `Subscription`

Defined in: [navigation/navigation-item/navigation-item.component.ts:113](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L113)

***

### active

> `readonly` **active**: `WritableSignal`\<`boolean`\>

Defined in: [navigation/navigation-item/navigation-item.component.ts:99](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L99)

***

### children

> **children**: `null` \| [`Navigation`](../wiki/TypeAlias.Navigation) = `null`

Defined in: [navigation/navigation-item/navigation-item.component.ts:96](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L96)

***

### collapsed

> `readonly` **collapsed**: `Signal`\<`boolean`\>

Defined in: [navigation/navigation-item/navigation-item.component.ts:111](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L111)

***

### elementRef

> `protected` `readonly` **elementRef**: `ElementRef`\<`any`\>

Defined in: [navigation/navigation-item/navigation-item.component.ts:116](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L116)

***

### item

> `readonly` **item**: `InputSignal`\<[`NavigationItem`](../wiki/Interface.NavigationItem)\<[`Navigation`](../wiki/TypeAlias.Navigation)\>\>

Defined in: [navigation/navigation-item/navigation-item.component.ts:98](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L98)

***

### itemClasses

> `readonly` **itemClasses**: `Signal`\<`string`\>

Defined in: [navigation/navigation-item/navigation-item.component.ts:101](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L101)

***

### layoutService

> `protected` `readonly` **layoutService**: [`LayoutService`](../wiki/Class.LayoutService)

Defined in: [navigation/navigation-item/navigation-item.component.ts:109](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L109)

***

### level

> `readonly` **level**: `InputSignal`\<`number`\>

Defined in: [navigation/navigation-item/navigation-item.component.ts:94](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L94)

***

### renderer

> `protected` `readonly` **renderer**: `Renderer2`

Defined in: [navigation/navigation-item/navigation-item.component.ts:117](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L117)

***

### router

> `protected` `readonly` **router**: `Router`

Defined in: [navigation/navigation-item/navigation-item.component.ts:115](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L115)

## Methods

### asNavigationItem()

> **asNavigationItem**(`item`): [`NavigationItem`](../wiki/Interface.NavigationItem)

Defined in: [navigation/navigation-item/navigation-item.component.ts:188](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L188)

#### Parameters

##### item

[`NavigationDividerItem`](../wiki/Interface.NavigationDividerItem) | [`NavigationItem`](../wiki/Interface.NavigationItem)\<[`Navigation`](../wiki/TypeAlias.Navigation)\>

#### Returns

[`NavigationItem`](../wiki/Interface.NavigationItem)

***

### isNavigationDividerItem()

> **isNavigationDividerItem**(`item`): `item is NavigationDividerItem`

Defined in: [navigation/navigation-item/navigation-item.component.ts:176](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L176)

#### Parameters

##### item

[`NavigationDividerItem`](../wiki/Interface.NavigationDividerItem) | [`NavigationItem`](../wiki/Interface.NavigationItem)\<[`Navigation`](../wiki/TypeAlias.Navigation)\>

#### Returns

`item is NavigationDividerItem`

***

### isNavigationItem()

> **isNavigationItem**(`item`): `item is NavigationItem<Navigation>`

Defined in: [navigation/navigation-item/navigation-item.component.ts:182](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L182)

#### Parameters

##### item

[`NavigationDividerItem`](../wiki/Interface.NavigationDividerItem) | [`NavigationItem`](../wiki/Interface.NavigationItem)\<[`Navigation`](../wiki/TypeAlias.Navigation)\>

#### Returns

`item is NavigationItem<Navigation>`

***

### ngAfterViewInit()

> **ngAfterViewInit**(): `void`

Defined in: [navigation/navigation-item/navigation-item.component.ts:133](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L133)

A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.

#### Returns

`void`

#### Implementation of

`AfterViewInit.ngAfterViewInit`

***

### ngOnChanges()

> **ngOnChanges**(`changes`): `void`

Defined in: [navigation/navigation-item/navigation-item.component.ts:125](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L125)

A callback method that is invoked immediately after the
default change detector has checked data-bound properties
if at least one has changed, and before the view and content
children are checked.

#### Parameters

##### changes

`SimpleChanges`

The changed properties.

#### Returns

`void`

#### Implementation of

`OnChanges.ngOnChanges`

***

### ngOnDestroy()

> **ngOnDestroy**(): `void`

Defined in: [navigation/navigation-item/navigation-item.component.ts:168](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L168)

A callback method that performs custom clean-up, invoked immediately
before a directive, pipe, or service instance is destroyed.

#### Returns

`void`

#### Implementation of

`OnDestroy.ngOnDestroy`

***

### onClick()

> **onClick**(): `void`

Defined in: [navigation/navigation-item/navigation-item.component.ts:119](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation-item/navigation-item.component.ts#L119)

#### Returns

`void`