angular - 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还有一个笨蛋http://plnkr.co/edit/xiiYQqrP9OIdtOF7ifUO?p=preview

这是来自plunker的相关代码

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