NgbDropdown 不会保持打开状态

Question

我想在我的导航栏中有一个登录下拉菜单。但是，只要单击登录表单中的某些内容，下拉菜单就会关闭。

另一个问题：如何使下拉菜单与右侧的切换按钮对齐？现在它与开关左对齐。

这是我的代码：

<nav class="navbar navbar-dark bg-inverse">
   <ul class="nav navbar-nav">
      <li *ngIf="!user" class="nav-item dropdown float-xs-right">
        <div ngbDropdown autoClose="false" class="d-inline-block pull-left">
            <a class="nav-link" id="loginDropdown" aria-haspopup="true" aria-expanded="false" ngbDropdownToggle>Login</a>
            <div class="dropdown-menu" aria-labelledby="loginDropdown">
                <login></login> <!--The login component, it's just a form-->
            </div>
        </div>
      </li>
   </ul>
</nav>

Answer 1

您正在查找 [autoClose] 指令。这是官方文档https://ng-bootstrap.github.io/#/components/dropdown as well as a plunker http://plnkr.co/edit/xiiYQqrP9OIdtOF7ifUO?p=preview

这里是plunker的相关代码

<div ngbDropdown class="dropdown d-inline-block" [autoClose]="false" >

Answer 2

您正在寻找值为 "outside"

的 autoClose

<div ngbDropdown [autoClose]="'outside'" >

下拉菜单只会在外部点击时关闭，不会在菜单点击时关闭。

NgbDropdown 不会保持打开状态

NgbDropdown doesn't stay open

angular

bootstrap-4

ng-bootstrap