如何使用不同的鏈接制作帶有div的錨點

Question

我正在嘗試制作一張全部可點擊的卡片（class = box），除了一個包含按鈕的部分，每個按鈕都鏈接到其父錨點的不同鏈接。

我找不到一種方法來為卡設置一個鏈接，而為其中的一部分設置一個鏈接。

            <a class="box" href="box-link.html">
             <div class="box-text">
                <span>Some Text here</span>
                <div style="float:right; " ng-click="dosomeotherstuff()">
                   <span class="glyphicon glyphicon-trash"></span>
                </div>
                <div style="float:right; " ng-click="somethignelse()">
                   <span class="glyphicon glyphicon-share"></span>
                </div>
             </div>
            </a>

我正在使用Angular，因此使用ng-clicks。

關於如何解決這個問題的任何想法？

添加小提琴示例： http : //jsfiddle.net/pepepapa82/svwLh6w1/

Answer 1

您可以向ng-click添加多個動作。 在這種情況下，您可能要先阻止click事件傳播，然后觸發子操作：

        <a class="box" href="box-link.html">
         <div class="box-text">
            <span>Some Text here</span>
            <div style="float:right; " ng-click="$event.stopPropagation(); dosomeotherstuff()">
               <span class="glyphicon glyphicon-trash"></span>
            </div>
            <div style="float:right; " ng-click="$event.stopPropagation(); somethignelse()">
               <span class="glyphicon glyphicon-share"></span>
            </div>
         </div>
        </a>

或者，您可以將$event作為函數的第一個參數傳遞，並在此處停止傳播。 恕我直言，這是更清潔的 。