Razor-Demos in Razor Component (Blazor)

Razor-Blöcke

Block mit reinem Text (ohne HTML-Tag) mit <text>

Anzahl: 5 noch mehr reiner Text

oder mit @:

Anzahl: 5 noch mehr reiner Text

Funktion:

Render-Funktionen

Zwischenstand: Erledigt sind erst 85%!

Ausdrücke

Ausgabe von Variable, Field oder Property (HTML-encoded)

<i>kursiv</i>
5
5

Ausgabe nicht HTML-Encoded (andere Razor-Formen: Html.Raw(ausgabe))

kursiv
5

@ und @(...)

Durch das Leerzeichen ist der Punkt reiner Text. Dies ist die 5. Seite! Ohne Leerzeichen braucht man hier Klammern! Abgrenzung zwischen Operator und Text durch Klammerung: Dies ist die 5.Seite! Ausdrücke mit Operatoren brauchen Klammern: Ergebnis: 52 Methodenaufruf 3

Methodenaufruf mit Leerzeichen erfordert Klammern

Web.Autor HS

Escape für @

Variable @anzahl enthält 5. Eine E-Mail-Adresse wird erkannt info@IT-Visions.de

Ausgabe

Ausgabe

Bedingte Formatierung

Dynamische Festlegung einer CSS - Klasse Bedingte Festlegung einer CSS-Klasse Wenn cssklasse null ist, verschwindet das class-Attribut. aber nicht, wenn es weitere CSS-Klassen gibt Bedingter Style: nur Wert dynamisch Bedingter Style: Attribut und Wert dynamisch Aus true wird hier checked

Schleifen

Seite 0 noch mehr reiner Text Seite 1 noch mehr reiner Text Seite 2 noch mehr reiner Text Seite 3 noch mehr reiner Text Seite 4 noch mehr reiner Text
Seite 0 noch mehr reiner Text Seite 1 noch mehr reiner Text Seite 2 noch mehr reiner Text Seite 3 noch mehr reiner Text Seite 4 noch mehr reiner Text EssenDortmundBochum

Bedingungen

reiner Text und Ausdruck 10

Formulare

X: Y: x + y x * y EventDetails Result: }

FlugNr
Abflugort:
Nichtraucherflug:
Speichern

s