如何在Angular 5 * .component.html中放置代码段

Question

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

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

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

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

我该如何解决？

Answer 1

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

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