angular – 如何仅在文本时访问ng-content值？

我在模板中有一个包含此html的按钮组件：

<span #text class="o-button-label">
    <ng-content></ng-content>
</span>

所以我可以拥有

<my-button>Hello</my-button>

转变为

<span #text class="o-button-label">
    Hello
</span>

现在我想让那个文本能够在aria-label中使用它.
除此之外,我在my-button组件中尝试了以下内容：

@ViewChild('text') textElement: ElementRef;
ngAfterViewInit() {
    console.log('textElement',this.textElement.nativeElement.value);
}

但这总是让我不明确.通过nodeValue替换值将返回null.我检查了this.textElement.nativeElement这是预期的跨度,span包含其预期的值,但我找不到获取该文本值的方法.

我所做的所有搜索都指向@ViewChild的使用,但它总是得到一些组件或DOM节点(like in this good topic),而不仅仅是文本,所以甚至可以通过ng-content注入文本值？