在Angular中打印[object HTMLElement]

可以說我想打印一個變量，我用HTML語法創建dinamicly。在我的HTML我想打印新的HTML，但我不知道如何。在Angular中打印[object HTMLElement]

如果我在HTML中打印變量，它會打印它像一個文本。

這是我想要打印的HTML：

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

，但如果我打印：

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

它只是打印文本，而不是像一個HTML

編輯我只是想在我的HTML內打印這個對象，因爲它是激動人心的......但是當我打印它時，它只是打印我告訴你的：[object H TMLElement]

有沒有辦法讓我打印這個Elements，我知道它不是HTML，而是組件。

我

你可能想的

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

2017-09-19 12:03:30

一個當我CONSOLE.LOG內容[0]有什麼我想打印，當我把的innerText或innerHTML的它不打印一切 –

這取決於你的代碼在哪裏。檢查瀏覽器控制檯是否出現錯誤。我更新了我的答案，以便在'內容'尚未設置時它不會導致錯誤。如果你在構造函數中有代碼，把它移動到'ngAfterViewInit（）' –

內容被設置。當我打印內容[0]它打印[對象HTMLElement] ...我改變打印，你告訴我，但它stil打印所有的HTML，但作爲文本 –

回答