Angular2材质设计选择组件 - 样式选定项目

时间:2017-07-26 10:14:04

标签: angular angular-material2 md-select

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

这是它应该是什么样子

select icon without text

这就是选择菜单的样子:

enter image description here

到目前为止我的代码:

<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>

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

0 个答案:

没有答案