Skip to main content

Route

Route | API Route Komponent pre WebJET Elements shadow

Komponenta Route vykreslí zvolený komponent keď sa hodnota v jeho vlastnosti url zhoduje s URL v prehliadači.

Navigation hooks can be used to perform tasks or act as navigation guards. Hooks are used by providing functions to the beforeEnter and beforeLeave properties on each ion-route. Returning true allows navigation to proceed, while returning false causes it to be cancelled. Returning an object of type NavigationHookOptions allows you to redirect navigation to another page.

Interfaces​

interface NavigationHookOptions {
/**
* A valid path to redirect navigation to.
*/
redirect: string;
}

Kedy použiť​

Použite wje-route, keď používateľ potrebuje orientáciu v aplikácii alebo prechod medzi stavmi/obrazovkami.

Kedy nepoužiť​

Nepoužívajte viac paralelných navigačných vzorov, ktoré si navzájom konkurujú.

Prístupnosť​

Zabezpečte jasné active/selected stavy, predvídateľné poradie tabulátora a pomenovanie ovládacích prvkov.

Odporúčané postupy​

  • Držte URL a UI stav v synchronizácii, aby bola navigácia reprodukovateľná.
  • Používajte konzistentné názvoslovie položiek naprieč menu, breadcrumbom a tabmi.
  • Pri hlbokých štruktúrach pridajte pomocný kontext (breadcrumb, nadpis, ikony).

Atribúty a vlastnosti​

Pre tento komponent nie sú dostupné žiadne vlastnosti.

Udalosti​

Pre tento komponent nie sú dostupné žiadne udalosti.

Metódy​

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS tieňové časti​

Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.

CSS vlastné premenné​

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Sloty​

Pre tento komponent nie sú dostupné žiadne sloty.