角材料：mat-nav-list焦点问题内的mat-chip

Question

我有一个mat-nav-list，其中每个mat-nav-item都有一个(click)事件用于导航。 在每个项目中，我都有一些mat-chips以显示一些状态信息。 悬停芯片时，我没有从列表项中获得指针光标，并且单击不会触发父事件。

如何使mat-chip不干扰光标和单击事件？

<mat-nav-list>
    <mat-list-item *ngFor="let item of items" (click)="selectItem(item)">
        {{item.name}}
        <mat-chip-list>
            <mat-chip>Label</mat-chip>
        </mat-chip-list>
    </mat-list-item>
</mat-nav-list>

Answer 1

解决方案是在芯片周围的chip-list上禁用指针事件：

mat-chip-list {
    pointer-events: none;
}