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