Как загрузить содержимое выпадающего списка navbar в начальной загрузке 4?

Question

Я создал навигационную панель с выпадающим меню.Когда я нажимаю на вкладку Navbar, которая будет загружать то, что я

    <div class="navbar navbar-light bg-faded">
      <ul class="nav navbar-nav">
        <a class="nav-item nav-link active" data-toggle="tab" href="#one">One</a>
        <a class="nav-item nav-link" data-toggle="tab" href="#two">Two</a>
        <a class="nav-link dropdown-toggle" id="navbardrop"
          data-toggle="dropdown" href="#three">Three</a>
        <div class="dropdown-menu dropdown-menu-center">
          <a class="dropdown-item" href='#threeA'>Three_A</a>
          <a class="dropdown-item" href='#threeB'>Three_B</a>
        </div>
      </ul>
    </div>

    <div class="tab-content">
      <div class="tab-pane active" id="one">1</div>
      <div class="tab-pane" id="two">2</div>
      <div class="tab-pane" id="three/threeA">3a</div>
      <div class="tab-pane" id="three/threeB">3b</div>
    </div>

Я упоминал в href и загружал в id.Но если я нажму на выпадающий список, он не будет работать.

Answer 1

К сожалению, Bootstrap 4 требует jQuery для работы.Вместо Bootstrap 4 по умолчанию вы можете использовать NgBootstrap .У них есть компонент NgbDropdown , который я смог легко реализовать в моей панели навигации

<div ngbDropdown>
    <a class="nav-link dropdown-toggle" ngbDropdownToggle">Open Dropdown</a>
    <div ngbDropdownMenu>
        <a routerLink="link/to/page1">Link 1</a>
        <a routerLink="link/to/page2">Link 2</a>
        <a routerLink="link/to/page3">Link 3</a>
    </div>
</div>