Angular Material - 向左移动 md-secondary

Question

如何将 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>

但这不起作用。

Answer 1

将 class 从 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>

查看此 codepen 以获得更详细的示例。

Angular Material - 向左移动 md-secondary

Angular Material - move md-secondary to the left

javascript

css

angularjs

angular-material