在Blazor中转义@

Question

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

路径是：

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

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

Answer 1

引用Razor 语法：

要在 Razor 标记中转义 @ 符号，请使用第二个 @ 符号：

<p>@@Username</p>

代码以 HTML 格式呈现，并带有一个 @ 符号：

<p>@Username</p>

Answer 2

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

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

将呈现为：

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