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

Question

我有一个mat-nav-list每个mat-nav-item都有一个(click)-event 附加的导航。在每个项目中，我都有一些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;
}