Angular Material 2 多行选择

Question

有没有一种方法可以在Material 2中显示多行可选列表？ mat-select元素似乎不支持size属性... 在实现Material 2之前，以下是我在组件中的操作：

<select size="10">
    <option *ngFor="let post of posts" [attr.selected]="selectedPost && post.id === selectedPost.id ? true : null" (click)="onSelect(post)">{{post.name}}</option>
</select>

这是它的外观：列表 我也看了mat-list，但它似乎不支持本地选择。因此，在采取自定义路线之前，我正在寻求帮助。这似乎是一个基本功能，所以我很惊讶它不可用...

- Math M.

---

看起来是可能的：https://material.angular.io/components/list/overview#selection-lists - StephaneM

我看到了这个例子，但它使用复选框进行多选。我需要允许只选择一个且不想使用复选框。 - Math M.

抱歉，我没有正确阅读。请看这里：https://github.com/angular/material2/issues/7157 它还没有被实现，但最后一条评论提出了一个解决方法。 - StephaneM

Answer 1

Angular 2+与Material结合使用时不支持多行Selects。

您可以在此处查看已关闭的问题。

实际上，该团队表示他们认为Material Design规范不允许使用多行选择。

- Michael

---

我很确定他们谈论的是列表中的单个选项占据多行，而不是整个列表本身。 - Math M.

@MathM。可能是的。不过标题中确实说了“多行选择”，而不是“多选”。如果他们实际上是指多行选择，我想我会给出一个答案。 - Michael