Lekce 4 - Blazor - Komponenty

V předchozí lekci, Blazor - Binding, jsme se pozorněji podívali na binding.

Komponenty jsou základní stavební prvky Blazor aplikace. Každá stránka je v podstatě sama komponentou (s direktivou @page). Navíc každá komponenta v sobě může obsahovat další komponenty a vytvářejí tedy hierarchickou strukturu. Samozřejmostí je, že stejná komponenta může být použita opakovaně, a to i na různých místech aplikace nebo napříč více aplikacemi.

Z předchozích lekcí již víme, že komponenta standardně obsahuje:

• direktivy,
• HTML kód (Razor šablonu) a
• část se C# kódem (ve složených závorkách za direktivou @code).

Direktivy

Direktivy jsou v podstatě zabudovaná makra, která ovlivňují generování kódu z Razor syntaxe. Jejich identifikátor vždy začíná symbolem @. Z těch, které se mohou v Blazoru používat samostatně, jsme zatím viděli použít:

• @page pro definici stránky a nastavení routy,
• @using pro připojení jmenného prostoru a
• @inject pro injektování nějaké servisy s pomocí DI.

Další si ještě přidáme později.

Direktivy jako atributy

Direktivy se také často používají jako atributy u komponent a HTML elementů. Mezi ty patří například @bind, @ref nebo @attributes. S pomocí direktiv můžeme také definovat obsluhu vybraných událostí HTML DOM elementů, typicky @onmousemove, @onclick nebo @onkeypress.

Některé direktivy obsahují atributy, s pomocí kterých jim můžeme dodat doplňující informace. K naplnění atributu musíme

...konec náhledu článku...
Pokračuj dál