2016-03-21 26 views
0

Yönlendirme sırasında bir gezinme çubuğunda bir açılır menüyü oluşturma nav bar uygulamasında bir Aurelia uygulamasında bir Bootstrap açılır menüsünü uygulamaya çalışıyorum. Oldukça standart Bootstrap kodu kullanıyorum, bu noktada hiçbir şey çok süslü değil.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> 

sorun menü başlığı kaleminde href="#" olduğunu. Bir yönlendiricim ve # için bir yol var. Bağlantıyı tıkladığımda, o rotaya gider. Büyük bir sürpriz yok, ama açıkça yapmak istediğim şey bu değil; Açılır menüyü görüntülemek istiyorum.

Burada ne yapacağımı bilmiyorum. href="", uygulamanın yenilenmesine neden oluyor. Orada sahte bir rota koymak, JavaScript tarafında bir hata atıyor ve yine de menüyü göstermiyor.

+0

"#' "için bir yönlendiricim var? Kodunuz benim için iyi çalışıyor –

+0

İşte benim app.js: dışa aktarma sınıfı App { configureRouter (config, yönlendirici) { config.title = 'Song Charts'; config.map ([ {route: ['', 'welcome'], ad: 'hoş geldiniz', moduleId: 'hoşgeldin', başlık: 'Hoş Geldiniz'}, {route: 'artist', name: 'artist ', moduleId:' artist ', title:' Artists '}, {route:' sanatçılar/eksik ', name:' eksik-sanatçılar ', moduleId:' eksik-sanatçılar ', başlık:' Tamamlanmamış Sanatçılar '}, ... this.router = yönlendirici;... } } –

+0

Sen 'href' özellik kullanmak – kabaehr

cevap

1

Ekleme:

import 'bootstrap'; 

ana dosyaya.