为什么控制台将HTML元素显示为纯对象？

Question

通常，当我查询DOM时

<mat-nav-list>
  <mat-list-item *ngFor="let item of [1,2,3,4,5]">
    {{item}}
  </mat-list-item>
</mat-nav-list>

像这样

var targetNode = document.querySelector('mat-nav-list');
console.log(targetNode)

输出是一个如下所示的HTML元素：

<mat-nav-list _ngcontent-c3="" class="mat-nav-list mat-list-base" role="navigation">
</mat-list-item></mat-nav-list>

但是当我使用stackblitz创建一个新的Angular App并执行相同的操作时，我得到了Mat-list的“ HTMLElement”对象，看起来像一个普通对象。我使用MutationObserver的方式有问题吗？

https://stackblitz.com/edit/angular-8vz9gn?file=src%2Fapp%2Fapp.component.ts