javascript - 如何使用不同的链接制作一个带有 div 的 anchor

Question

我正在尝试制作一张完全可点击的卡片(class=box)，除了包含按钮的部分之外，每个按钮都链接到其父 anchor 的不同链接。

我找不到一种方法来为该卡提供一个链接，而为内部的某个部分提供不同的链接。

            <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。

关于如何解决这个问题有什么想法吗？

添加 fiddle 示例: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 作为函数的第一个参数传递，并在那里停止传播。 恕我直言，这更干净。