如何在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>