javascript - 在 Angular 9 的 elemntRef 中找不到 Div 的内部文本

我编写此代码是为了查找 div 的innerText 并更改它，但是当我单击按钮查找innerText 时，它显示未定义。

<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)
  }

有什么问题吗？如何解决这个问题？？？

最佳答案

它必须是“innerHTML”而不是“innerHtml” HTML 必须全部大写

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

我已经更新了 stackBlitz demo 中的代码

关于javascript - 在 Angular 9 的 elemntRef 中找不到 Div 的内部文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61038258/