如何在Angular的$localize函数中转义花括号?
$localize花括号转义解决方案
文本消失是因为$localize默认将单组花括号{}包裹的内容识别为插值占位符,没有对应传入插值变量时,这部分内容会在构建阶段被直接剔除。
可通过以下两种方法实现花括号原样输出:
- 方法1:使用双重花括号包裹目标内容
要输出{example}时,直接写为:
该写法下$localize`{{example}}`$localize会自动将双重花括号转义为单组花括号输出,不会被识别为插值占位符。 - 方法2:将花括号作为静态字符串拼接插入
把左右花括号单独作为静态字符串插入模板:
这种方式也可以规避占位符识别逻辑,确保花括号正常显示。$localize`${'{'}example${'}'}`
内容的提问来源于stack exchange,提问作者Martijn van den Bergh
相关产品推荐
相关产品推荐

