не найти внутренний текст Div в elemntRef в angular 9

Question

Я пишу этот код, чтобы найти innerText для div и изменить его, но когда я нажимаю на кнопку, чтобы найти innerText, он показывает мне undefined.

Demo

<p #dviInner>
  Start editing to see some magic happen :)
</p>

<button (click)="clickinDiv()">click</button>

и ts код:

@ViewChild('dviInner',{static:false}) dviInner:ElementRef;
 clickinDiv():void{
    console.log(this.dviInner.nativeElement.innerHtml)
  }

в чем проблема? Как можно решить эту проблему ????

Answer 1

Это должно быть "внутреннее HTML", а не "внутреннее Html" HTML должно быть во всех заглавных буквах

clickinDiv():void{
    console.log(this.dviInner.nativeElement.innerHTML)
  }

Я обновил код в stackBlitz demo