Aurelia/Bootstrap: создание выпадающего меню в навигационной панели при маршрутизации

Question

Я пытаюсь реализовать раскрывающееся меню Bootstrap в nav bar в приложении Aurelia. Я использую довольно стандартный код 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'; 

в основной файл.