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

Question

我创建了一个 stackblitz example

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

---

Edit: This is there as an issue already on Github

Answer 1

筹码必须在 <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>