Javascript 角度材质-向左移动md辅助对象

如何将

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>

东西

---

请参阅此以获取更详细的示例。

将类从

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确实工作，但对我的代码不起作用：（没关系，我更新到了1.1.0（同时希望它不会破坏任何东西）它工作得很好。谢谢。谢谢你的回答，但是当我尝试它时，如果我点击图标，它会认为我点击了项目本身。知道为什么吗？看看我引用的代码笔。它工作正常（点击项目和点击图标会有不同的结果）。我做到了（我确保我有和你完全相同的东西）但它似乎不起作用codepen确实起作用，但它对我的代码不起作用：（没关系，我更新到了1.1.0（同时希望它不会破坏任何东西），它工作得很好。谢谢。