Aurelia / Bootstrap：在路由

Question

我正在尝试在nav bar应用程序的Aurelia中实现Bootstrap下拉菜单。我正在使用相当标准的Bootstrap代码，此时没什么太花哨的。

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
    ...
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
        Artists
      </a>
      <ul class="dropdown-menu">
        <li><a href="#/artists">All</a></li>
        <li><a href="#/artists/incomplete">Incomplete</a></li>
      </ul>
    </li>
    ...
  </ul>
</div>

问题是菜单标题项中的href="#"。我有一个路由器和#的路由。当我点击链接时，它会转到该路线。没什么大惊喜，但这显然不是我想要做的;我想显示我的下拉菜单。

我不知道该怎么做。 href=""导致应用程序刷新。在那里放一条假路线会在JavaScript端抛出一个错误，但仍然没有显示菜单。

Answer 1

添加：

import 'bootstrap';

到您的主文件。