我正在尝试开发一个下拉数据切换，可用于打开下拉菜单但同时允许用户单击链接。
目前，该链接只能通过右键单击“在新选项卡中打开”来打开。但是，即使浏览器正确识别了我的链接的目标（我可以在浏览器的左下角看到目标网址），左键单击链接始终会打开下拉列表。
我已经尝试过拆分按钮，但它们的布局不够灵活。
基本上，我需要一个带有两行的按钮（下拉切换）。第一行是一个带有链接名称和 url 的锚点。第二行是按钮的实际标签。（背景：当用户从下拉列表中选择一个新项目时，显示的链接和按钮标签会通过 angular 更新。）
<div class="btn dropdown-toggle" data-toggle="dropdown">
<a href="{{someUrl}}" class="button-link">
{{link name}}
</a>
<div class="button-label">
{{label}}
</div>
</div>
<ul class="dropdown-menu">
<li ng-repeat="item in items"> item </li>
</ul>
预期结果： * 如果用户点击链接，我想加载链接的页面。* 如果用户点击按钮上的其他地方（无论是第一行还是第二行），我想打开下拉菜单。
但是，左键单击链接总是会打开下拉菜单，
该<a>标签需要一个点击处理程序来停止点击的传播：
<div class="btn dropdown-toggle" data-toggle="dropdown">
<a href="{{someUrl}}" class="button-link" ng-click="$event.stopPropagation()">
{{linkName}}
</a>
<div class="button-label">
{{label}}
</div>
</div>
这将防止点击冒泡到<div>打开下拉列表的元素。
有关更多信息，请参阅
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句