html - 一键二动(换图)

Question

我无法将两个操作分配给一个按钮。单击图像后，图像发生变化。仅当我单击图像而不是按钮时，操作才有效。您是否有任何想法如何更改代码以在单击按钮图像更改和操作后发生？

这是我的代码:

  <a href="" class="btn btn-gray">
                <img src="images/icons/full.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)"
                     ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE">
                <img src="images/icons/full-hide.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)"
                     ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED">
            </a>   

谢谢大家!

Answer 1

您可以使用两个 <a>在这里移动你的ng-click和 ng-show各个链接的属性。

 <a href="" class="btn btn-gray" ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)">
    <img src="images/icons/full.png" alt="">
</a>
<a href="" class="btn btn-gray" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)" ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED">
    <img src="images/icons/full-hide.png" alt="" >
</a>