1

我正在使用Angular2 Material<md-select>的组件来切换列表布局(网格或项目符号列表)。选择布局后,选择框应该只显示一个图标。选择布局时,菜单会同时显示图标和文本。

这是它应该是什么样子

选择没有文字的图标

这是选择菜单的样子:

在此处输入图像描述

到目前为止我的代码:

<md-select [(ngModel)]="selectedViewState">
    <md-option *ngFor="let viewState of viewStates" [value]="viewState.icon">
        <i class="mdi {{viewState.icon}}"></i> {{viewState.title}}
    </md-option>
</md-select>

那么,我该如何设计呢?我在文档中没有找到任何关于此的内容。

4

0 回答 0