sottomenu ZURB Fondazione Off tela non si lavora con angolare

Question

Ho il seguente copiato da Fondazione per ottenere un lavoro Off sottomenu Tela:

<li class="has-submenu"> 
    <a href="#">Foo</a> 
    <ul class="left-submenu"> 
     <li class="back"><a href="#">Back</a></li> 
     <li><label>Level 1</label></li> 
     <li><a href="#">Link 1</a></li> 
    </ul> 
</li> 

Quando clicco su 'Foo', il sottomenu non lo fa vieni, vado alla mia home page. Credo perché il collegamento è # e questo è ciò che Angular utilizza. C'è un modo per cambiare l'uso di Foundation di # in questo caso per far funzionare il sottomenu?

Answer 1

Credo perché il collegamento è # e questo è ciò che Angular utilizza.

Sì, hai ragione. La prima possibilità di risolvere questo problema è turn on html5mode ma non è sempre possibile (ad esempio a causa dell'installazione del server).

Un'altra soluzione è quella di mantenere href vuoto - se non hai bisogno di tag hash per le ancore, ma solo per aprire il sottomenu, la funzionalità è più o meno lo stesso:

<li class="has-submenu"> 
    <a href="">Foo</a> 
    <ul class="left-submenu"> 
     <li class="back"><a href="">Back</a></li> 
     <li><label>Level 1</label></li> 
     <li><a href="">Link 1</a></li> 
    </ul> 
</li>