在 Angular 中打印 [object HTMLElement]答案

【问题标题】：Print [object HTMLElement] in Angular在 Angular 中打印 [object HTMLElement]
【发布时间】：2018-02-28 04:53:17
【问题描述】：

假设我想打印一个我用 HTML 语法动态创建的变量。在我的 HTML 中，我想打印新的 HTML，但我不知道如何。

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

这是我要打印的 HTML：

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

但是如果我打印这个：

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

它只会打印文本而不是像 HTML

编辑我只想在我的 HTML 中打印这个对象，就像它一样。但是当我打印它时，它只是打印我告诉你的内容：[object HTMLElement]

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

【问题讨论】：

【解决方案1】：

你可能想要一个

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

【讨论】：

当我 console.log 内容 [0] 有我想要打印的内容，而当我放置 innertext 或 innerhtml 时，它不会打印所有内容
这取决于你的代码在哪里。检查浏览器控制台中是否出现错误。我更新了我的答案，以便在尚未设置 content 时不会导致错误。如果构造函数中有代码，请将其移至ngAfterViewInit()
内容已设置。当我打印内容 [0] 时，它会打印 [object HTMLElement] ...我按照您告诉我的方式更改了打印，但它仍然打印所有 HTML，但打印为文本
stackoverflow.com/questions/31548311/angular-2-html-binding/…
最近有很多奇怪的问题。所以我同意很难预测他的想法