如何将代码段放入Angular 5 * .component.html

Question

目前，我正在从事Angular 5项目。我在这里面临一个棘手的问题。

我想通过使用<code>标签在我的component.html文件中包含一些代码段。但是，这样做似乎会在角度角度返回处理错误。因此，我尝试将代码放入* .component.ts文件中的变量中，并使用数据绑定显示如下代码：

<code_tag>{{my_code_snippet}}</code_tag>

但是现在的问题是，代码总是以字符串形式出现，并且格式不正确（例如，如果是JSON代码）

我该如何解决？

Answer 1

您可以通过<code>属性告诉Angular忽略ngNonBindable元素中的字符串

<code ngNonBindable>
    console.log("no output");
</code>