[**@rxap/layout v19.2.0**](../README.md)

***

[@rxap/layout](../globals.md) / NavigationComponent

# Class: NavigationComponent

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

## Implements

- `OnInit`

## Constructors

### new NavigationComponent()

> **new NavigationComponent**(): [`NavigationComponent`](NavigationComponent.md)

#### Returns

[`NavigationComponent`](NavigationComponent.md)

## Properties

### collapsed

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

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

***

### injector

> `protected` `readonly` **injector**: `Injector`

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

***

### items

> **items**: `InputSignal`\<`undefined` \| [`Navigation`](../type-aliases/Navigation.md)\>

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

***

### layoutService

> `protected` `readonly` **layoutService**: [`LayoutService`](LayoutService.md)

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

***

### level

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

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

***

### navigationItems

> **navigationItems**: `Signal`\<[`Navigation`](../type-aliases/Navigation.md)\>

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

***

### navigationService

> `protected` `readonly` **navigationService**: [`NavigationService`](NavigationService.md)

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

***

### root

> `readonly` **root**: `InputSignal`\<`boolean`\>

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

## Methods

### asNavigationItem()

> **asNavigationItem**(`item`): [`NavigationItem`](../interfaces/NavigationItem.md)

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

#### Parameters

##### item

[`NavigationDividerItem`](../interfaces/NavigationDividerItem.md) | [`NavigationItem`](../interfaces/NavigationItem.md)\<[`Navigation`](../type-aliases/Navigation.md)\>

#### Returns

[`NavigationItem`](../interfaces/NavigationItem.md)

***

### isNavigationDividerItem()

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

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

#### Parameters

##### item

[`NavigationDividerItem`](../interfaces/NavigationDividerItem.md) | [`NavigationItem`](../interfaces/NavigationItem.md)\<[`Navigation`](../type-aliases/Navigation.md)\>

#### Returns

`item is NavigationDividerItem`

***

### isNavigationItem()

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

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

#### Parameters

##### item

[`NavigationDividerItem`](../interfaces/NavigationDividerItem.md) | [`NavigationItem`](../interfaces/NavigationItem.md)\<[`Navigation`](../type-aliases/Navigation.md)\>

#### Returns

`item is NavigationItem<Navigation>`

***

### ngOnInit()

> **ngOnInit**(): `void`

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

A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.

#### Returns

`void`

#### Implementation of

`OnInit.ngOnInit`