javascript - 在 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 而是组件。

我

Answer 1

你可能想要一个

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