角度材质-向左移动md secondary

Angular Material - move md-secondary to the left

本文关键字:左移 移动 md secondary      更新时间:2024-03-06

如何将md-secondary按钮移到左侧而不是默认的右侧?正常情况下

<md-list-item ng-click="foo()">
    <span>Stuff</span>
    <md-icon class="md-secondary" ng-click="bar()">icon</md-icon>
</md-icon-item>

这创建了一个不错的列表项,但我希望图标在左边。我试着重新排序元素

<md-list-item ng-click="foo()">
    <md-icon class="md-secondary" ng-click="bar()">icon</md-icon>
    <span>Stuff</span>
</md-icon-item>

但这行不通。

将类从md-secondary更改为md-primary

<md-list>
  <md-list-item ng-click="itemClick()">
    <md-button class="md-icon-button" ng-click="btnClick()">
      <md-icon class="md-primary" md-font-icon="mdi-web"></md-icon>
    </md-button>
    <span>Stuff</span>
  </md-list-item>
</md-list>

有关更详细的示例,请参阅此代码笔。