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" >

Answer 2

您正在寻找具有值autoClose的{{1}}

"outside"

该下拉列表仅在外部点击时关闭，而不在菜单点击时关闭。

NgbDropdown不会保持开放

2 个答案: