在Angular中，如何将innerText或innerHtml传递给组件

Question

我从文档中看到，您可以使用@input将属性值传递给组件。

但是，如何将innerText传递给组件，以便可以执行类似的操作？

<error-label>this is required"</error-label>

并将内部文本传递给组件。

Answer 1

您可以使用tempalte变量创建引用并从模板中访问它

<div #myDiv>foo</div>
<button (click)="sendInnerText(myDiv.innerText)">pass inner text</div>

或组件

@ViewChild('myDiv') divRef:ElementRef;

ngAfterViewInit() {
  console.log(this.div.nativeElement.innerText);
}