在 Blazor 中转义 @

Question

我想在 Blazor 组件中显示图标库中的图像。

路径是：

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

但是@是Blazor中的一个特殊字符。

Answer 1

只需添加另一个@ 符号即可。所以你的例子：

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

将呈现为：

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

Answer 2

引用 Razor syntax:

To escape an @ symbol in Razor markup, use a second @ symbol:

<p>@@Username</p>

The code is rendered in HTML with a single @ symbol:

<p>@Username</p>