无法从html代码

Question

我试图检索html标记内的值。我可以检索整个标签，但不能检索内部的值。

app.component.html中的

：

<p #docTitle>the thing I want to extract</p>

app.component.ts中的

docTitle;

@ViewChild('docTitle') docTitle;

ngAfterViewInit(){
    console.log(this.docTitle.nativeElement.value); //this gives me the whole tag
}

我已经尝试了

<p id="docTitle">what I want to retrieve</p> 

与

document.getElementById('docTitle').value //same as above, gives whole tag

这一切的重点是检索值（用i18n翻译成不同的语言），以便用它来解决html页面的标题。

感谢您的帮助。

Answer 1

PARTITION BY

或

docTitle.getElementById('docTitle').innerText

或

docTitle.getElementById('docTitle').textContent

docTitle.getElementById('docTitle').innerHTML 用于输入元素

Answer 2

你可以这样做：

ngAfterViewInit(){
    console.log(this.docTitle.nativeElement.innerHTML);
    // OR
    console.log(this.docTitle.nativeElement.textContent);
}