Bootstrap 4 导航栏中带有routerLink的NgbDropdown不重定向

我一直在尝试创建一个导航栏，其中主链接（下拉标题）将我带到一个页面，然后使用一个下拉列表拆分，其中包含可以重定向到其他业务相关链接的锚。问题是下拉式子项没有重定向到任何地方。如果我把链接放在导航栏的另一个项目上，它可以正常工作

普朗克：

链接1
链接2

角度：5.2.5

ng引导：1.0.0

---

引导：4.0.0

我将链路1路由器链路移动到按钮内。在李的层面上，它凌驾于一切之上

<nav class="navbar navbar-expand-md">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item" routerLinkActive="active" >
      <div class="btn-group">
        <button class="nav-link"><a class="nav-link dropdown-item" routerLink="/link1">Link 1</a></button>
        <div ngbDropdown placement="bottom-left" class="btn-group">
          <button class="btn dropdown-toggle-split nav-link" ngbDropdownToggle></button>
          <div ngbDropdownMenu class="dropdown-menu">
            <a class="nav-link dropdown-item" routerLink="/link2">Link 2</a>
          </div>
        </div>
      </div>
    </li>
  </ul>
</nav>
<router-outlet></router-outlet>

链接1
链接2

链接1

有点搞砸了导航栏的外观。与

链接1配合使用效果很好

<nav class="navbar navbar-expand-md">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item" routerLinkActive="active" >
      <div class="btn-group">
        <button class="nav-link"><a class="nav-link dropdown-item" routerLink="/link1">Link 1</a></button>
        <div ngbDropdown placement="bottom-left" class="btn-group">
          <button class="btn dropdown-toggle-split nav-link" ngbDropdownToggle></button>
          <div ngbDropdownMenu class="dropdown-menu">
            <a class="nav-link dropdown-item" routerLink="/link2">Link 2</a>
          </div>
        </div>
      </div>
    </li>
  </ul>
</nav>
<router-outlet></router-outlet>