首页 > 解决方案 > Angular Material Chips 显示为矩形,而不是在 sidenav 内被舍入

问题描述

我创建了一个stackblitz 示例

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


编辑:这是Github上已经存在的问题

标签: angularangular-materialmat-sidenavmat-chip

解决方案


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

推荐阅读