angularjs - 具有多个 md-二级操作的 md-list

Question

在我的对象列表中，我可以激活/非事件对象。因此，一个图标执行事件操作，另一个图标执行非事件操作，并且两者都在同一个 md-list 中。

This is what i'm tring to do

代码:

<md-list ng-app="MyApp" class="listdemoListControls" ng-controller="ListCtrl">
  <md-list-item ng-repeat="message in messages" ng-click='actionOne("action one")'>
    <p>{{message.title}}</p>

    <md-button class="md-secondary md-icon-button" ng-if="!showActionThree" ng-click="actionTwo('action two')">
      Two // secondary action
    </md-button>

    <md-button class="md-secondary md-icon-button" ng-if="showActionThree" ng-click="actionThree('action three')">
      Three // third action
    </md-button>
 </md-list-item>
</md-list>

问题是我的 actionThree 函数没有触发。

听起来就像当我使用 md-secondary 类时，他创建了一个包装器来接收我的 actionTwo 函数，并且该函数不会改变。

有什么办法可以实现这个功能吗？

<小时/>

Related issue #3744

Answer 1

仅尝试一个按钮和三元运算符，如下所示:

<md-button class="md-secondary md-icon-button" ng-click="showActionThree ? actionThree('action three') :actionTwo('action two')">
  {{showActionThree ? 'Three': 'Two'}}
</md-button>