Zurb Foundation Tắt Canvas menu con không làm việc với góc

Question

Tôi đã sau đây sao chép từ Quỹ để có được một Tắt Canvas menu con làm việc:

<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> 

Khi tôi bấm vào 'Foo', các menu con không đi lên, tôi đi đến trang chủ của tôi. Tôi tin rằng vì liên kết là # và đó là những gì mà Angular sử dụng. Có cách nào để thay đổi việc sử dụng Foundation của # trong trường hợp này để trình đơn phụ có hoạt động không?

Answer 1

Tôi tin rằng vì liên kết là # và đó là những gì mà Angular sử dụng.

Có, bạn đã đúng. Khả năng đầu tiên để giải quyết vấn đề này là turn on html5mode nhưng không phải lúc nào cũng có thể (ví dụ: do thiết lập máy chủ của bạn).

giải pháp khác là để giữ href trống - nếu bạn không cần thẻ băm cho neo nhưng chỉ để mở sub-menu, chức năng cũng tương tự:

<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>