gpt4 book ai didi

angular - 如何在 Accordion 顶部制作下拉菜单

转载 作者:太空狗 更新时间:2023-10-29 18:22:36 25 4
gpt4 key购买 nike

我正在使用 ngx-accordion 模块来显示这样的 enter image description here

现在,当我点击详细信息下拉按钮时, View 是 enter image description here

Accordion 根据下拉菜单调整其高度。但我希望下拉菜单位于 Accordion 顶部而不是内部。

最佳答案

我没有使用 ngx-bootstrap但在一些类似的库中,您可以使用 appendToBody 选项来解决此类错误。

对于 ngx-bootstrap 你可以找到一个例子 here :

<div class="btn-group" dropdown container="body">
<button id="button-container" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
aria-controls="dropdown-container">
Dropdown on Body <span class="caret"></span>
</button>
<ul id="dropdown-container" *dropdownMenu class="dropdown-menu"
role="menu" aria-labelledby="button-container">
<li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
<li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
<li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
<li class="divider dropdown-divider"></li>
<li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
</li>
</ul>
</div>

关键部分是将 container="body" 添加到您的下拉列表中。

关于angular - 如何在 Accordion 顶部制作下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52585672/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com