Blazorで@をエスケープする


11

Blazorコンポーネントのアイコンライブラリの画像を表示したい。

パスは次のとおりです。

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

しかし、@はBlazorの特殊文字です。

回答:


10

Razor構文の引用:

Razorマークアップで@記号をエスケープするには、2番目の@記号を使用します。

<p>@@Username</p>

コードは、単一の@記号を使用してHTMLでレンダリングされます。

<p>@Username</p>


1
これは手元に置いておくのに便利なリンクです。他にもいくつか問題点があります(ジェネリック、電子メールアドレスのルール)。
Henk Holterman、

10

別の@記号を追加するだけです。だからあなたの例:

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

次のようにレンダリングされます:

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.