You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular17延迟视图中如何在模板中转义@符号?

Angular模板中邮箱@符号的规范转义方案
  • 插值表达式(你当前使用的方法):
    你现在用的{{ 'email@domain.com' }}是官方认可的有效方案之一,把静态邮箱字符串包裹进插值语法后,Angular会将其当作普通字符串处理,不会把@误判为延迟视图的语法标记。

  • HTML实体转义:
    直接在模板里写email@domain.com,@是@的HTML实体编码,浏览器渲染后会正常显示@符号,同时能避开Angular的模板语法解析冲突。

  • innerHTML绑定(适合批量/动态内容):
    如果要处理多个邮箱或者动态生成的邮箱内容,可以使用[innerHTML]="'email@domain.com'",这种方式下Angular会把内容当作纯文本解析,不会触发模板语法检查。

内容的提问来源于stack exchange,提问作者Sergej

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 16:32:02