mat-chip-list中的角料ngFor -如何防止断行？

在mat-chip-list中使用ngFor循环生成角料时，可以通过CSS样式来防止角料断行。以下是一个示例的解决方案：

1. 使用Flex布局：将mat-chip-list容器设置为display: flex，并使用flex-wrap: wrap来实现自动换行效果。

.mat-chip-list {
  display: flex;
  flex-wrap: wrap;
}

1. 设置角料元素的宽度：可以为角料元素（mat-chip）设置一个固定的宽度，确保其宽度不超过容器的宽度，并且通过设置flex-shrink: 0来防止缩小。

.mat-chip {
  width: 150px; /* 根据实际情况调整宽度 */
  flex-shrink: 0;
}

1. 使用自定义样式类：为mat-chip-list中的每个mat-chip元素添加一个自定义的样式类，然后设置样式类的宽度和其他属性。

<mat-chip-list>
  <mat-chip *ngFor="let chip of chips" class="custom-chip">{{ chip }}</mat-chip>
</mat-chip-list>

.custom-chip {
  width: 150px; /* 根据实际情况调整宽度 */
  flex-shrink: 0;
}

通过上述方法，可以有效防止mat-chip-list中角料的断行现象，使角料在一行内紧凑显示。当角料的宽度超过容器宽度时，会自动换行显示。

关于腾讯云相关产品和产品介绍链接，根据问题的描述，并没有明确指定需要提及腾讯云的相关内容，因此在此不提供腾讯云相关信息。