Angular Material 筹码在 sidenav 中显示为矩形而不是圆形

Angular Material Chips appearing as rectangle instead of being Rounded inside a sidenav

我创建了一个stackblitz example

如果您打开侧边导航然后看到扩展面板上的芯片,您会看到它的形状是矩形,但它看起来应该是圆形的。我该如何解决这个问题?


Edit: This is there as an issue already on Github

筹码必须在 <mat-chip-list> 内。

https://material.angular.io/components/chips/overview

<mat-chip-list>
  <mat-chip>Papadum</mat-chip>
  <mat-chip>Naan</mat-chip>
  <mat-chip>Dal</mat-chip>
</mat-chip-list>