Рули ссылки-на Helper с Bootstrap навигационной панелью

Question

Я нашел столб на здесь, который сказал, чтобы использовать Navbar Twitter Bootstrap с Эмбер и рулями, так что <li> получает «активный» класс автоматически, я мог бы сделать это:

{{#link-to 'dashboard' tagName="li" href=false}} 
     {{#link-to 'dashboard'}} 
      Dashboard 
     {{/link-to}} 
    {{/link-to}} 

Это работает, однако, я только что включил LOG_TRANSITIONS от Ember, и это показывает мне, что представления переходят в два раза для ссылок на навигационной панели.

Как правильно отобразить список навигационных панелей с помощью ручек и избежать этой двойной загрузки?

Answer 1

Проблема в том, что у вас есть два маршрута link-to для dashboard.

У вас есть два варианта:

Используйте ссылку-только в li тэгом:

{{#link-to 'dashboard' tagName="li" href=false}} 
    <a href="#">Dashboard</a> 
{{/link-to}} 

Использование bubbles=false во внутренней линии связи с:

{{#link-to 'dashboard' tagName="li" href=false}} 
    {{#link-to 'dashboard' bubbles=false}} 
     Dashboard 
    {{/link-to}} 
{{/link-to}} 

поэтому событие не распространяется.