Aurelia/Bootstrap：ルーティング時にナビゲーションバーにドロップダウンメニューを作成する

Question

Aureliaアプリケーションのnav barに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'; 

あなたのメインファイルへ。