【问题标题】:Escaping @ in Blazor在 Blazor 中转义 @
【发布时间】:2020-03-22 01:13:24
【问题描述】:

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

路径是:

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

@ 是 Blazor 中的特殊字符。

【问题讨论】:

    标签: escaping blazor


    【解决方案1】:

    引用Razor syntax:

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

    <p>@@Username</p>

    代码在 HTML 中呈现,带有一个 @ 符号:

    <p>@Username</p>

    【讨论】:

    • 这是一个有用的链接,手头有一些其他的陷阱(泛型,电子邮件地址规则)。
    【解决方案2】:

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

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

    将呈现为:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-14
      • 2021-08-25
      • 2022-08-15
      • 2020-11-07
      • 2020-07-05
      相关资源
      最近更新 更多