Angular Material Chips 显示为矩形，而不是在 sidenav 内被舍入

Posted 2023-02-18

【中文标题】Angular Material Chips 显示为矩形，而不是在 sidenav 内被舍入

【英文标题】：Angular Material Chips appearing as rectangle instead of being Rounded inside a sidenav

【发布时间】：2019-11-04 13:15:00

【问题描述】：

我创建了一个stackblitz example

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

---

编辑：这是Github上的一个问题

【参考方案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>

【讨论】：

如果我只想使用一个 mat-chip 我还需要将它添加到列表中怎么办？

@dota2pro 是的，它必须在列表中。