通常,当我查询 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 应用程序并执行相同操作时,我得到了 Mat-list 的“HTMLElement”对象,它看起来像一个普通对象。我使用 MutationObserver 的方式有问题吗?
https://stackblitz.com/edit/angular-8vz9gn?file=src%2Fapp%2Fapp.component.ts