angularjs – 具有多个md-secondary动作的md-list

前端之家收集整理的这篇文章主要介绍了angularjs – 具有多个md-secondary动作的md-list前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的对象列表中,我可以激活/激活对象.因此,一个图标进行激活操作而另一个图标进行非活动操作,两者都在同一个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

解决方法

只试一个按钮和三元运算符,如下所示:

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

猜你在找的Angularjs相关文章