[@rxap/layout](../wiki/globals) / 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`](../wiki/Class.NavigationComponent)

#### Returns

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

## 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`](../wiki/TypeAlias.Navigation)\>

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`](../wiki/Class.LayoutService)

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`](../wiki/TypeAlias.Navigation)\>

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`](../wiki/Class.NavigationService)

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`](../wiki/Interface.NavigationItem)

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`](../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.component.ts:77](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation.component.ts#L77)

#### 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.component.ts:83](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/navigation/navigation.component.ts#L83)

#### Parameters

##### item

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

#### 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`