在Angular中打印[object HTMLElement]

Question

让我们说我想打印一个我用HTML语法创建的变量。在我的HTML中我想打印新的HTML，但我不知道如何。

如果我在HTML中打印变量，它会像文本一样打印出来。

这是我要打印的HTML：

this.content = this.elementRef.nativeElement.querySelectorAll('sys-tab-content');

但如果我打印出来：

<div>
  {{content[0]}}
</div>

它只会打印文本而不是HTML

修改 我只是想在我的HTML中打印这个对象，因为它是......但是当我打印它时，它只打印我告诉你的内容：[object HTMLElement]

我有没有办法打印这个元素，我知道它不是HTML而是组件。

I

Answer 1

你可能想要一个

{{content && content[0].innerText}}
{{content && content[0].innerHTML}}