Why does this Angular component fail to log the child element's text content in ngAfterViewInit?

Why does this Angular component fail to log the child element's text content in ngAfterViewInit?

import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';

@Component({ selector: 'app-demo', template: `
Sample
` })
export class DemoComponent implements AfterViewInit {
  @ViewChild('para') para!: ElementRef;

  ngAfterViewInit() {
    console.log(this.para.nativeElement.textContent);
  }
}