如何禁用内插字符串 angular 2+

Question

我的 angular 7 模板中有以下代码行

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

我想在 {{process.env.CLIENT_ID}} 到期时禁用插值，以便它应该在浏览器中呈现以下文本。

{{process.env.CLIENT_ID}}

是否可以在不将其作为字符串存储到变量中的情况下实现此目的？

Answer 1

尝试：

<span [innerHTML]="'\{\{process.env.CLIENT_ID\}\}'"></span>

Answer 2

当我们想要告诉 Angular 不要编译或绑定页面的特定部分时使用 ngNonBindable。

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

PS：我不确定这是否是官方方式，因为 angular 文档中没有相关文档。