Escaping @ in Blazor


11

Ich möchte ein Bild aus der Symbolbibliothek in der Blazor-Komponente anzeigen.

Der Weg ist:

wwwroot/lib/@icon/open-iconic/icons/account-login.svg

Aber @ ist ein Sonderzeichen in Blazor.

Antworten:


10

Zitieren der Rasiermessersyntax :

Verwenden Sie ein zweites @ -Symbol, um ein @ -Symbol im Razor-Markup zu umgehen:

<p>@@Username</p>

Der Code wird in HTML mit einem einzelnen @ -Symbol gerendert:

<p>@Username</p>


1
Dies ist ein nützlicher Link, den Sie immer zur Hand haben sollten. Es gibt einige andere Fallstricke (Generika, Regeln für E-Mail-Adressen).
Henk Holterman

10

Fügen Sie einfach ein weiteres @ -Symbol hinzu. Also dein Beispiel:

wwwroot/lib/@@icon/open-iconic/icons/account-login.svg

wird gerendert als:

wwwroot/lib/@icon/open-iconic/icons/account-login.svg

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.