angular - 默认情况下,如何在大视口上显示ngx-bootstrap下拉列表?

我将ngx-bootstrap下拉列表用作网站导航,这在移动/平板电脑视图中效果很好。 我的导航是这样的:

 <div class="col" dropdown>
   <button class="navbar-toggler" id="navbardrop" data-toggle="dropdown" dropdownToggle>
          <i/>MENU</i>
   </button>
   <div class="collapse navbar-collapse" id="dropdown-basic" *dropdownMenu
          class="dropdown-menu" role="menu" aria-labelledby="button-basic">
     <ul>
       <li class="nav-link> <a href="#">Home</a></li>
       <li class="nav-link> <a href="#">Page</a></li>
     </ul>
   </div> 
 </div>

并且这对于移动设备/平板电脑来说效果很好,但是我需要以下内容才能始终在大视口(d-lg-block)上显示:

 <ul>
    <li class="nav-link> <a href="#">Home</a></li>
    <li class="nav-link> <a href="#">Page</a></li>
 </ul>

...但是,当我们使用ngx-bootstrap *dropdownMenu时,当我们在较大的视口中查看它时,它不会在DOM中呈现。

如何将所有内容显示在大视图端口中?

转载请注明来自askonline.tech,本文标题:angular - 默认情况下,如何在大视口上显示ngx-bootstrap下拉列表?


 Top