Class GgcToolbarComponent

ToolbarComponent is een containercomponent voor één of meerdere ggc-toolbar-item elementen. Elk toolbar-item toont een knop met een icoon en optionele content die zichtbaar wordt bij activatie.

Dit component ondersteunt:

Dynamische activatie van toolbar-items
Weergave van content onder de toolbar bij selectie
Interactie met ToolbarService om actieve status te beheren
Gebruik van een specifieke kaart via mapIndex

Example

<ggc-toolbar [mapIndex]="'mijnKaart'">
  <ggc-toolbar-item [icon]="'fa-icon'" [label]="'Zoeken'">
    <app-zoek-component></app-zoek-component>
  </ggc-toolbar-item>
</ggc-toolbar>

Implements

OnInit
AfterViewInit

Index

Constructors

constructor

new GgcToolbarComponent(): GgcToolbarComponent
Constructor registreert een listener op de actieve toolbar-item observable. Wanneer geen item actief is, worden alle items gedeactiveerd.

Returns GgcToolbarComponent
- Defined in ggc-toolbar/src/lib/toolbar/toolbar/ggc-toolbar.component.ts:61

Properties

mapIndex

mapIndex: string = DEFAULT_MAPINDEX

Naam van de kaart waarop de toolbar betrekking heeft. Indien niet opgegeven, wordt de standaardkaart gebruikt.

Methods

ngAfterViewInit

ngAfterViewInit(): void
Lifecycle hook, Stelt subscriptions in op activeChanged events van de toolbar-items. Zorgt voor het tonen van de juiste content en het beheren van de actieve status.

Returns void
Implementation of AfterViewInit.ngAfterViewInit
- Defined in ggc-toolbar/src/lib/toolbar/toolbar/ggc-toolbar.component.ts:87

ngOnInit

ngOnInit(): void
Lifecycle hook, Haalt de kaart op op basis van mapIndex.

Returns void
Implementation of OnInit.ngOnInit
- Defined in ggc-toolbar/src/lib/toolbar/toolbar/ggc-toolbar.component.ts:72

Class GgcToolbarComponent

Example

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Returns GgcToolbarComponent

Properties

mapIndex

Methods

ngAfterViewInit

Returns void

ngOnInit

Returns void

Settings

On This Page