Angular 2+如何禁用字符串插值？Angular 7模板场景咨询

当然可以！不用字符串变量也有几种简单的办法让{{process.env.CLIENT_ID}}直接作为文本渲染，我给你推荐两个最实用的方案：

方案1：使用ngNonBindable指令 #

这是Angular官方提供的专门用来禁用插值和指令解析的指令，用法非常直观：

<span ngNonBindable>{{process.env.CLIENT_ID}}</span>

加上ngNonBindable后，Angular会完全忽略这个元素内部的所有插值表达式和指令，直接把内容原样输出到浏览器上，这应该是最省心的做法。

方案2：使用HTML实体编码 #

把大括号替换成对应的HTML实体，Angular就不会把它识别成插值语法了：

<span>&#123;&#123;process.env.CLIENT_ID&#125;&#125;</span>

这里{是左大括号{的实体编码，}是右大括号}的实体编码，浏览器渲染时会自动把它们转成原始的大括号字符显示出来。

两种方法都不需要额外定义字符串变量，你可以根据场景选择：如果是整段内容都要禁用解析，用ngNonBindable更方便；如果只是局部需要转义，实体编码更灵活。

内容的提问来源于stack exchange，提问作者g1ji