4. diel - Blazor - Komponenty

V predchádzajúcej lekcii, Blazor - Binding , sme sa pozornejšie pozreli na binding.

Komponenty sú základné stavebné prvky Blazor aplikácie. Každá stránka je v podstate sama komponentom (s direktívou @page). Navyše každá komponenta v sebe môže obsahovať ďalšie komponenty a vytvárajú teda hierarchickú štruktúru. Samozrejmosťou je, že rovnaká komponenta môže byť použitá opakovane, a to aj na rôznych miestach aplikácie alebo naprieč viacerými aplikáciami.

Z predchádzajúcich lekcií už vieme, že komponent štandardne obsahuje:

• direktívy,
• HTML kód (Razor šablónu) a
• časť sa C# kódom (v zložených zátvorkách za direktívou @code).

Direktívy

Direktívy sú v podstate zabudovaná makrá, ktoré ovplyvňujú generovanie kódu z Razor syntax. Ich identifikátor vždy začína symbolom @. Z tých, ktoré sa môžu v Blazoru používať samostatne, sme zatiaľ videli použiť:

• @page pre definíciu stránky a nastavenia ruty,
• @using pre pripojenie menného priestoru a
• @inject pre injektovanie nejaké servisy s pomocou DI.

TODO: "jsme zatím viděli použít..." - V textu předchozích lekcí nikde o @Inject není žádná zmínka, je to určitě dobře?

Ďalšie si ešte pridáme neskôr.

Direktívy ako atribúty

Direktívy sa tiež často používajú ako atribúty u komponentov a HTML elementov. Medzi tie patrí napríklad @bind, @ref alebo @attributes. S pomocou direktív môžeme tiež definovať obsluhu vybraných udalostí HTML DOM elementov, typicky @onmousemove, @onclick alebo @onkeypress.

Niektoré direktívy obsahujú atribúty, s pomocou ktorých im môžeme dodať doplňujúce informácie. K naplneniu atribútu musíme

...koniec náhľadu článku...
Pokračuj ďalej