Javascript 如何使用不同的链接制作内部带有div的锚点

我试图制作一张卡片，除了一个包含按钮的部分外，所有的卡片都是可点击的（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>

我使用的是角度，因此ng发出咔嗒声

有没有办法解决这个问题

---

添加小提琴示例：

您可以向

ng单击添加多个动作。在这种情况下，您可能希望首先阻止
单击
事件传播，然后触发子操作：

        <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
作为函数的第一个参数传递，并在那里停止传播我是，IMHO，清洁工
嗨，迈克尔，谢谢你的回复。。我不能接受你的建议。请参见：添加此$event.preventDefault（）；内ng点击。。。ng click=“$event.preventDefault（）；$event.stopPropagation（）；dosomeotherstuff（）”您无法将交互元素（
，
，
等）有效地嵌套在另一个交互元素中。这就是我的想法。但是，必须有一个解决办法，对吗？制作一张包含其他链接的可点击卡片是不可能的？